From 7c37def1842928a82b3d4fcd13c227c389048b8a Mon Sep 17 00:00:00 2001 From: stockiNail Date: Thu, 19 Sep 2024 07:50:17 +0000 Subject: [PATCH] deploy: a15dde6d3999e42188f745f8eec6fe5263fb057a --- 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 +++--- master/assets/js/10.1e66659f.js | 1 + master/assets/js/10.7b2f9bd4.js | 1 - master/assets/js/11.6ec638bf.js | 1 - master/assets/js/11.b19b88df.js | 1 + master/assets/js/12.69bc9db8.js | 1 + master/assets/js/12.dd83f26d.js | 1 - master/assets/js/13.bed97511.js | 1 - master/assets/js/13.c51f20ba.js | 1 + master/assets/js/14.0775f950.js | 1 - master/assets/js/14.97565b88.js | 1 + .../assets/js/{16.57a575c3.js => 16.37bcc9d9.js} | 2 +- .../assets/js/{17.fac7fa54.js => 17.467e0852.js} | 2 +- .../assets/js/{18.c1f92080.js => 18.51e5218f.js} | 2 +- .../assets/js/{19.ce54601b.js => 19.f5e646d7.js} | 2 +- .../assets/js/{20.efb14469.js => 20.22dc3fa3.js} | 2 +- .../assets/js/{21.1ef7d184.js => 21.c2017e46.js} | 2 +- .../assets/js/{22.655d1951.js => 22.edee5acf.js} | 2 +- .../assets/js/{23.15a3a415.js => 23.998fd3f9.js} | 2 +- .../assets/js/{24.8e65fa5f.js => 24.8fc6b35c.js} | 2 +- .../assets/js/{25.5165e873.js => 25.a3b9af25.js} | 2 +- .../assets/js/{26.df4be0bc.js => 26.a2cf46a0.js} | 2 +- .../assets/js/{27.3ce9bab5.js => 27.aeb7418e.js} | 2 +- .../assets/js/{28.0b79fd27.js => 28.3539158f.js} | 2 +- .../assets/js/{29.39c704d7.js => 29.262fe79b.js} | 2 +- .../assets/js/{30.c51a34c6.js => 30.b5438e77.js} | 2 +- .../assets/js/{31.58a60611.js => 31.6bed3d4d.js} | 2 +- .../assets/js/{32.d785f93f.js => 32.6c9c2d2e.js} | 2 +- .../assets/js/{33.c57cf590.js => 33.310fbef7.js} | 2 +- .../assets/js/{34.10e2eab0.js => 34.3f98e3cf.js} | 2 +- .../assets/js/{35.a3d2b8e5.js => 35.ca5da667.js} | 2 +- .../assets/js/{36.434804dc.js => 36.ff0579ac.js} | 2 +- .../assets/js/{37.538e6990.js => 37.393ff827.js} | 2 +- .../assets/js/{38.9f8c0928.js => 38.a8f13f6d.js} | 2 +- .../assets/js/{39.ba929975.js => 39.f38f5723.js} | 2 +- master/assets/js/{4.e722a4b5.js => 4.c790f343.js} | 2 +- .../assets/js/{40.2dc251c5.js => 40.dee5892e.js} | 2 +- .../assets/js/{41.5f3f8ee8.js => 41.ab239fc9.js} | 2 +- .../assets/js/{42.0954290e.js => 42.41fc9595.js} | 2 +- .../assets/js/{43.0fc45a11.js => 43.4b5a5eaf.js} | 2 +- master/assets/js/44.8e361946.js | 1 + master/assets/js/44.ce280574.js | 1 - .../assets/js/{45.315e651f.js => 45.f093a40a.js} | 2 +- .../assets/js/{46.5c2c0a94.js => 46.f8b5889c.js} | 2 +- .../assets/js/{48.db8cf11a.js => 48.59463453.js} | 2 +- .../assets/js/{49.36d2bdb7.js => 49.e3031bd5.js} | 2 +- .../assets/js/{50.b2854027.js => 50.4e29bfbd.js} | 2 +- .../assets/js/{51.b7c9d0b3.js => 51.dcfbacd7.js} | 2 +- master/assets/js/52.55bb4207.js | 1 + master/assets/js/52.a10390b0.js | 1 - master/assets/js/53.14191ac0.js | 1 - master/assets/js/53.c0c7d74b.js | 1 + .../assets/js/{54.c643ce67.js => 54.dcabf9ea.js} | 2 +- .../assets/js/{55.46eec6e8.js => 55.ef17ff5a.js} | 2 +- .../assets/js/{60.8b7086fe.js => 60.1efa09b5.js} | 2 +- .../assets/js/{61.ba9efda0.js => 61.1276be5e.js} | 2 +- .../assets/js/{63.c7bb586c.js => 63.b9811547.js} | 2 +- .../assets/js/{64.529c681c.js => 64.2e2855eb.js} | 2 +- .../assets/js/{65.f503a2fa.js => 65.31a9f2ae.js} | 2 +- .../assets/js/{66.76858d80.js => 66.cdaeabf7.js} | 2 +- .../assets/js/{67.93083838.js => 67.ee26ea36.js} | 2 +- .../assets/js/{68.b215d346.js => 68.27e14938.js} | 2 +- .../assets/js/{70.8ed2a538.js => 70.f25378be.js} | 2 +- .../assets/js/{71.6d4faf8d.js => 71.e3a24a18.js} | 2 +- .../assets/js/{72.29c10253.js => 72.e63e58ae.js} | 2 +- .../assets/js/{73.5b62cae9.js => 73.68efafde.js} | 2 +- .../assets/js/{76.b5bdba5f.js => 76.b47fa331.js} | 2 +- .../assets/js/{77.7eb0fdd7.js => 77.cc78150a.js} | 2 +- .../assets/js/{78.b36a8ef4.js => 78.26552a5a.js} | 2 +- .../assets/js/{79.6fc059a2.js => 79.53062205.js} | 2 +- .../assets/js/{80.f05293b0.js => 80.43c140a8.js} | 2 +- .../assets/js/{81.7549bb51.js => 81.dd0d9deb.js} | 2 +- .../assets/js/{84.fc76c759.js => 84.a487ba29.js} | 2 +- .../assets/js/{85.373cac07.js => 85.d5127de9.js} | 2 +- .../assets/js/{86.ba7def2f.js => 86.efbef767.js} | 2 +- .../assets/js/{87.92b1a206.js => 87.6e641f9f.js} | 2 +- master/assets/js/9.4e7a1ae7.js | 1 + master/assets/js/9.ca7b24b7.js | 1 - .../assets/js/{96.41ea0cae.js => 96.bce9cd31.js} | 2 +- .../assets/js/{97.fb9701a8.js => 97.7fe63a01.js} | 2 +- .../assets/js/{app.f9d2de78.js => app.f8b65a86.js} | 6 +++--- master/guide/configuration.html | 8 ++++---- master/guide/contributing.html | 6 +++--- master/guide/developers.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 | 8 ++++---- master/guide/types/line.html | 8 ++++---- master/guide/types/point.html | 6 +++--- master/guide/types/polygon.html | 8 ++++---- 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 +++--- 180 files changed, 399 insertions(+), 399 deletions(-) create mode 100644 master/assets/js/10.1e66659f.js delete mode 100644 master/assets/js/10.7b2f9bd4.js delete mode 100644 master/assets/js/11.6ec638bf.js create mode 100644 master/assets/js/11.b19b88df.js create mode 100644 master/assets/js/12.69bc9db8.js delete mode 100644 master/assets/js/12.dd83f26d.js delete mode 100644 master/assets/js/13.bed97511.js create mode 100644 master/assets/js/13.c51f20ba.js delete mode 100644 master/assets/js/14.0775f950.js create mode 100644 master/assets/js/14.97565b88.js rename master/assets/js/{16.57a575c3.js => 16.37bcc9d9.js} (52%) rename master/assets/js/{17.fac7fa54.js => 17.467e0852.js} (87%) rename master/assets/js/{18.c1f92080.js => 18.51e5218f.js} (92%) rename master/assets/js/{19.ce54601b.js => 19.f5e646d7.js} (95%) rename master/assets/js/{20.efb14469.js => 20.22dc3fa3.js} (95%) rename master/assets/js/{21.1ef7d184.js => 21.c2017e46.js} (95%) rename master/assets/js/{22.655d1951.js => 22.edee5acf.js} (93%) rename master/assets/js/{23.15a3a415.js => 23.998fd3f9.js} (90%) rename master/assets/js/{24.8e65fa5f.js => 24.8fc6b35c.js} (93%) rename master/assets/js/{25.5165e873.js => 25.a3b9af25.js} (94%) rename master/assets/js/{26.df4be0bc.js => 26.a2cf46a0.js} (94%) rename master/assets/js/{27.3ce9bab5.js => 27.aeb7418e.js} (95%) rename master/assets/js/{28.0b79fd27.js => 28.3539158f.js} (92%) rename master/assets/js/{29.39c704d7.js => 29.262fe79b.js} (93%) rename master/assets/js/{30.c51a34c6.js => 30.b5438e77.js} (91%) rename master/assets/js/{31.58a60611.js => 31.6bed3d4d.js} (94%) rename master/assets/js/{32.d785f93f.js => 32.6c9c2d2e.js} (93%) rename master/assets/js/{33.c57cf590.js => 33.310fbef7.js} (94%) rename master/assets/js/{34.10e2eab0.js => 34.3f98e3cf.js} (90%) rename master/assets/js/{35.a3d2b8e5.js => 35.ca5da667.js} (95%) rename master/assets/js/{36.434804dc.js => 36.ff0579ac.js} (95%) rename master/assets/js/{37.538e6990.js => 37.393ff827.js} (89%) rename master/assets/js/{38.9f8c0928.js => 38.a8f13f6d.js} (93%) rename master/assets/js/{39.ba929975.js => 39.f38f5723.js} (95%) rename master/assets/js/{4.e722a4b5.js => 4.c790f343.js} (99%) rename master/assets/js/{40.2dc251c5.js => 40.dee5892e.js} (94%) rename master/assets/js/{41.5f3f8ee8.js => 41.ab239fc9.js} (92%) rename master/assets/js/{42.0954290e.js => 42.41fc9595.js} (95%) rename master/assets/js/{43.0fc45a11.js => 43.4b5a5eaf.js} (94%) create mode 100644 master/assets/js/44.8e361946.js delete mode 100644 master/assets/js/44.ce280574.js rename master/assets/js/{45.315e651f.js => 45.f093a40a.js} (57%) rename master/assets/js/{46.5c2c0a94.js => 46.f8b5889c.js} (98%) rename master/assets/js/{48.db8cf11a.js => 48.59463453.js} (98%) rename master/assets/js/{49.36d2bdb7.js => 49.e3031bd5.js} (99%) rename master/assets/js/{50.b2854027.js => 50.4e29bfbd.js} (95%) rename master/assets/js/{51.b7c9d0b3.js => 51.dcfbacd7.js} (53%) create mode 100644 master/assets/js/52.55bb4207.js delete mode 100644 master/assets/js/52.a10390b0.js delete mode 100644 master/assets/js/53.14191ac0.js create mode 100644 master/assets/js/53.c0c7d74b.js rename master/assets/js/{54.c643ce67.js => 54.dcabf9ea.js} (95%) rename master/assets/js/{55.46eec6e8.js => 55.ef17ff5a.js} (77%) rename master/assets/js/{60.8b7086fe.js => 60.1efa09b5.js} (96%) rename master/assets/js/{61.ba9efda0.js => 61.1276be5e.js} (97%) rename master/assets/js/{63.c7bb586c.js => 63.b9811547.js} (97%) rename master/assets/js/{64.529c681c.js => 64.2e2855eb.js} (97%) rename master/assets/js/{65.f503a2fa.js => 65.31a9f2ae.js} (97%) rename master/assets/js/{66.76858d80.js => 66.cdaeabf7.js} (96%) rename master/assets/js/{67.93083838.js => 67.ee26ea36.js} (96%) rename master/assets/js/{68.b215d346.js => 68.27e14938.js} (98%) rename master/assets/js/{70.8ed2a538.js => 70.f25378be.js} (98%) rename master/assets/js/{71.6d4faf8d.js => 71.e3a24a18.js} (98%) rename master/assets/js/{72.29c10253.js => 72.e63e58ae.js} (98%) rename master/assets/js/{73.5b62cae9.js => 73.68efafde.js} (97%) rename master/assets/js/{76.b5bdba5f.js => 76.b47fa331.js} (97%) rename master/assets/js/{77.7eb0fdd7.js => 77.cc78150a.js} (96%) rename master/assets/js/{78.b36a8ef4.js => 78.26552a5a.js} (98%) rename master/assets/js/{79.6fc059a2.js => 79.53062205.js} (96%) rename master/assets/js/{80.f05293b0.js => 80.43c140a8.js} (98%) rename master/assets/js/{81.7549bb51.js => 81.dd0d9deb.js} (98%) rename master/assets/js/{84.fc76c759.js => 84.a487ba29.js} (97%) rename master/assets/js/{85.373cac07.js => 85.d5127de9.js} (96%) rename master/assets/js/{86.ba7def2f.js => 86.efbef767.js} (98%) rename master/assets/js/{87.92b1a206.js => 87.6e641f9f.js} (97%) create mode 100644 master/assets/js/9.4e7a1ae7.js delete mode 100644 master/assets/js/9.ca7b24b7.js rename master/assets/js/{96.41ea0cae.js => 96.bce9cd31.js} (97%) rename master/assets/js/{97.fb9701a8.js => 97.7fe63a01.js} (97%) rename master/assets/js/{app.f9d2de78.js => app.f8b65a86.js} (58%) diff --git a/master/404.html b/master/404.html index 4816fa771..02b5c6854 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 1c9c74c17..1c90a7d5c 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 & { getAnnotations: (chart: Chart<keyof ChartTypeRegistry, (number | [number, number] | Point | BubbleDataPoint)[], unknown>) => AnnotationElement[] }

# Defined in

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

+ (opens new window)

# Chart.js annotation - v3.0.1

# Interfaces

# Type Aliases

# AnnotationOptions

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

# Type parameters

Name Type
TYPE extends AnnotationType = AnnotationType

# Defined in

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

# AnnotationType

Ƭ AnnotationType: keyof AnnotationTypeRegistry

# Defined in

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

# CalloutPosition

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

# Defined in

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

# DrawTime

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

# Defined in

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

# LabelPosition

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

# Defined in

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

# LabelTextAlign

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

# Defined in

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

# ScaleValue

Ƭ ScaleValue: number | string

# Defined in

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

# Scriptable

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

# Type parameters

Name
T
TContext

# Defined in

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

# percentString

Ƭ percentString: `${number}%`

# Defined in

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

# Variables

# default

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

# Defined in

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

AnnotationBoxModel →

- + diff --git a/master/api/interfaces/AnnotationBoxModel.html b/master/api/interfaces/AnnotationBoxModel.html index 601e44f0a..78ea95512 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 31cae417a..3e1bd21ab 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 d534ce82d..f27958449 100644 --- a/master/api/interfaces/AnnotationEvents.html +++ b/master/api/interfaces/AnnotationEvents.html @@ -7,7 +7,7 @@ - + @@ -31,7 +31,7 @@ Samples GitHub - (opens new window)

# Interface: AnnotationEvents

# Hierarchy

# Methods

# click

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

# Parameters

Name Type
context EventContext
event ChartEvent

# Returns

boolean | void

# Defined in

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

# enter

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

# Parameters

Name Type
context EventContext
event ChartEvent

# Returns

boolean | void

# Defined in

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

# leave

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

# Parameters

Name Type
context EventContext
event ChartEvent

# Returns

boolean | void

# Defined in

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

+ (opens new window)

# Interface: AnnotationEvents

# Hierarchy

# Methods

# click

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

# Parameters

Name Type
context EventContext
event ChartEvent

# Returns

boolean | void

# Defined in

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

# enter

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

# Parameters

Name Type
context EventContext
event ChartEvent

# Returns

boolean | void

# Defined in

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

# leave

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

# Parameters

Name Type
context EventContext
event ChartEvent

# Returns

boolean | void

# Defined in

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

← →

- + diff --git a/master/api/interfaces/AnnotationHooks.html b/master/api/interfaces/AnnotationHooks.html index 12981d85d..a876233b6 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 be2463358..af93075f7 100644 --- a/master/api/interfaces/AnnotationPluginOptions.html +++ b/master/api/interfaces/AnnotationPluginOptions.html @@ -7,7 +7,7 @@ - + @@ -31,7 +31,7 @@ Samples GitHub - (opens new window)

# Interface: AnnotationPluginOptions

# Hierarchy

# Properties

# animations

• Optional animations: Record<string, unknown>

# Defined in

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

# annotations

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

# Defined in

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

# clip

• Optional clip: boolean

# Defined in

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

# common

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

# Defined in

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

# interaction

• Optional interaction: CoreInteractionOptions

# Defined in

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

# Methods

# afterDraw

▸ Optional afterDraw(context): void

# Parameters

Name Type
context EventContext

# Returns

void

# Inherited from

AnnotationHooks.afterDraw

# Defined in

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

# beforeDraw

▸ Optional beforeDraw(context): void

# Parameters

Name Type
context EventContext

# Returns

void

# Inherited from

AnnotationHooks.beforeDraw

# Defined in

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

# click

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

# Parameters

Name Type
context EventContext
event ChartEvent

# Returns

boolean | void

# Inherited from

AnnotationEvents.click

# Defined in

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

# enter

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

# Parameters

Name Type
context EventContext
event ChartEvent

# Returns

boolean | void

# Inherited from

AnnotationEvents.enter

# Defined in

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

# leave

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

# Parameters

Name Type
context EventContext
event ChartEvent

# Returns

boolean | void

# Inherited from

AnnotationEvents.leave

# Defined in

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

+ (opens new window)

# Interface: AnnotationPluginOptions

# Hierarchy

# Properties

# animations

• Optional animations: Record<string, unknown>

# Defined in

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

# annotations

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

# Defined in

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

# clip

• Optional clip: boolean

# Defined in

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

# common

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

# Defined in

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

# interaction

• Optional interaction: CoreInteractionOptions

# Defined in

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

# Methods

# afterDraw

▸ Optional afterDraw(context): void

# Parameters

Name Type
context EventContext

# Returns

void

# Inherited from

AnnotationHooks.afterDraw

# Defined in

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

# beforeDraw

▸ Optional beforeDraw(context): void

# Parameters

Name Type
context EventContext

# Returns

void

# Inherited from

AnnotationHooks.beforeDraw

# Defined in

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

# click

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

# Parameters

Name Type
context EventContext
event ChartEvent

# Returns

boolean | void

# Inherited from

AnnotationEvents.click

# Defined in

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

# enter

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

# Parameters

Name Type
context EventContext
event ChartEvent

# Returns

boolean | void

# Inherited from

AnnotationEvents.enter

# Defined in

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

# leave

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

# Parameters

Name Type
context EventContext
event ChartEvent

# Returns

boolean | void

# Inherited from

AnnotationEvents.leave

# Defined in

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

← →

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

# Interface: AnnotationPointCoordinates

# Hierarchy

# Properties

# xValue

• Optional xValue: Scriptable<ScaleValue, PartialEventContext>

# Defined in

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

# yValue

• Optional yValue: Scriptable<ScaleValue, PartialEventContext>

# Defined in

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

+ (opens new window)

# Interface: AnnotationPointCoordinates

# Hierarchy

# Properties

# xValue

• Optional xValue: Scriptable<ScaleValue, PartialEventContext>

# Defined in

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

# yValue

• Optional yValue: Scriptable<ScaleValue, PartialEventContext>

# Defined in

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

← →

- + diff --git a/master/api/interfaces/AnnotationTypeRegistry.html b/master/api/interfaces/AnnotationTypeRegistry.html index 2aa462a21..392cc2d85 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 23461d0ff..abcd17a11 100644 --- a/master/api/interfaces/ArrowHeadOptions.html +++ b/master/api/interfaces/ArrowHeadOptions.html @@ -7,7 +7,7 @@ - + @@ -31,7 +31,7 @@ Samples GitHub - (opens new window)

# Interface: ArrowHeadOptions

# Hierarchy

# Properties

# backgroundColor

• Optional backgroundColor: Scriptable<Color, PartialEventContext>

# Defined in

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

# backgroundShadowColor

• Optional backgroundShadowColor: Scriptable<Color, PartialEventContext>

# Inherited from

ShadowOptions.backgroundShadowColor

# Defined in

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

# borderColor

• Optional borderColor: Scriptable<Color, PartialEventContext>

# Defined in

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

# borderDash

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

# Defined in

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

# borderDashOffset

• Optional borderDashOffset: Scriptable<number, PartialEventContext>

# Defined in

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

# borderShadowColor

• Optional borderShadowColor: Scriptable<Color, PartialEventContext>

# Inherited from

ShadowOptions.borderShadowColor

# Defined in

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

# borderWidth

• Optional borderWidth: Scriptable<number, PartialEventContext>

# Defined in

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

# display

• Optional display: Scriptable<boolean, PartialEventContext>

# Defined in

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

# fill

• Optional fill: Scriptable<boolean, PartialEventContext>

# Defined in

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

# length

• Optional length: Scriptable<number, PartialEventContext>

# Defined in

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

# shadowBlur

• Optional shadowBlur: Scriptable<number, PartialEventContext>

# Inherited from

ShadowOptions.shadowBlur

# Defined in

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

# shadowOffsetX

• Optional shadowOffsetX: Scriptable<number, PartialEventContext>

# Inherited from

ShadowOptions.shadowOffsetX

# Defined in

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

# shadowOffsetY

• Optional shadowOffsetY: Scriptable<number, PartialEventContext>

# Inherited from

ShadowOptions.shadowOffsetY

# Defined in

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

# width

• Optional width: Scriptable<number, PartialEventContext>

# Defined in

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

+ (opens new window)

# Interface: ArrowHeadOptions

# Hierarchy

# Properties

# backgroundColor

• Optional backgroundColor: Scriptable<Color, PartialEventContext>

# Defined in

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

# backgroundShadowColor

• Optional backgroundShadowColor: Scriptable<Color, PartialEventContext>

# Inherited from

ShadowOptions.backgroundShadowColor

# Defined in

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

# borderColor

• Optional borderColor: Scriptable<Color, PartialEventContext>

# Defined in

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

# borderDash

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

# Defined in

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

# borderDashOffset

• Optional borderDashOffset: Scriptable<number, PartialEventContext>

# Defined in

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

# borderShadowColor

• Optional borderShadowColor: Scriptable<Color, PartialEventContext>

# Inherited from

ShadowOptions.borderShadowColor

# Defined in

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

# borderWidth

• Optional borderWidth: Scriptable<number, PartialEventContext>

# Defined in

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

# display

• Optional display: Scriptable<boolean, PartialEventContext>

# Defined in

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

# fill

• Optional fill: Scriptable<boolean, PartialEventContext>

# Defined in

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

# length

• Optional length: Scriptable<number, PartialEventContext>

# Defined in

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

# shadowBlur

• Optional shadowBlur: Scriptable<number, PartialEventContext>

# Inherited from

ShadowOptions.shadowBlur

# Defined in

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

# shadowOffsetX

• Optional shadowOffsetX: Scriptable<number, PartialEventContext>

# Inherited from

ShadowOptions.shadowOffsetX

# Defined in

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

# shadowOffsetY

• Optional shadowOffsetY: Scriptable<number, PartialEventContext>

# Inherited from

ShadowOptions.shadowOffsetY

# Defined in

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

# width

• Optional width: Scriptable<number, PartialEventContext>

# Defined in

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

← →

- + diff --git a/master/api/interfaces/ArrowHeadsOptions.html b/master/api/interfaces/ArrowHeadsOptions.html index 370a60041..4b54ec615 100644 --- a/master/api/interfaces/ArrowHeadsOptions.html +++ b/master/api/interfaces/ArrowHeadsOptions.html @@ -7,7 +7,7 @@ - + @@ -31,7 +31,7 @@ Samples GitHub - (opens new window)

# Interface: ArrowHeadsOptions

# Hierarchy

# Properties

# backgroundColor

• Optional backgroundColor: Scriptable<Color, PartialEventContext>

# Inherited from

ArrowHeadOptions.backgroundColor

# Defined in

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

# backgroundShadowColor

• Optional backgroundShadowColor: Scriptable<Color, PartialEventContext>

# Inherited from

ArrowHeadOptions.backgroundShadowColor

# Defined in

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

# borderColor

• Optional borderColor: Scriptable<Color, PartialEventContext>

# Inherited from

ArrowHeadOptions.borderColor

# Defined in

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

# borderDash

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

# Inherited from

ArrowHeadOptions.borderDash

# Defined in

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

# borderDashOffset

• Optional borderDashOffset: Scriptable<number, PartialEventContext>

# Inherited from

ArrowHeadOptions.borderDashOffset

# Defined in

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

# borderShadowColor

• Optional borderShadowColor: Scriptable<Color, PartialEventContext>

# Inherited from

ArrowHeadOptions.borderShadowColor

# Defined in

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

# borderWidth

• Optional borderWidth: Scriptable<number, PartialEventContext>

# Inherited from

ArrowHeadOptions.borderWidth

# Defined in

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

# display

• Optional display: Scriptable<boolean, PartialEventContext>

# Inherited from

ArrowHeadOptions.display

# Defined in

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

# end

• Optional end: ArrowHeadOptions

# Defined in

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

# fill

• Optional fill: Scriptable<boolean, PartialEventContext>

# Inherited from

ArrowHeadOptions.fill

# Defined in

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

# length

• Optional length: Scriptable<number, PartialEventContext>

# Inherited from

ArrowHeadOptions.length

# Defined in

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

# shadowBlur

• Optional shadowBlur: Scriptable<number, PartialEventContext>

# Inherited from

ArrowHeadOptions.shadowBlur

# Defined in

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

# shadowOffsetX

• Optional shadowOffsetX: Scriptable<number, PartialEventContext>

# Inherited from

ArrowHeadOptions.shadowOffsetX

# Defined in

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

# shadowOffsetY

• Optional shadowOffsetY: Scriptable<number, PartialEventContext>

# Inherited from

ArrowHeadOptions.shadowOffsetY

# Defined in

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

# start

• Optional start: ArrowHeadOptions

# Defined in

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

# width

• Optional width: Scriptable<number, PartialEventContext>

# Inherited from

ArrowHeadOptions.width

# Defined in

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

+ (opens new window)

# Interface: ArrowHeadsOptions

# Hierarchy

# Properties

# backgroundColor

• Optional backgroundColor: Scriptable<Color, PartialEventContext>

# Inherited from

ArrowHeadOptions.backgroundColor

# Defined in

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

# backgroundShadowColor

• Optional backgroundShadowColor: Scriptable<Color, PartialEventContext>

# Inherited from

ArrowHeadOptions.backgroundShadowColor

# Defined in

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

# borderColor

• Optional borderColor: Scriptable<Color, PartialEventContext>

# Inherited from

ArrowHeadOptions.borderColor

# Defined in

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

# borderDash

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

# Inherited from

ArrowHeadOptions.borderDash

# Defined in

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

# borderDashOffset

• Optional borderDashOffset: Scriptable<number, PartialEventContext>

# Inherited from

ArrowHeadOptions.borderDashOffset

# Defined in

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

# borderShadowColor

• Optional borderShadowColor: Scriptable<Color, PartialEventContext>

# Inherited from

ArrowHeadOptions.borderShadowColor

# Defined in

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

# borderWidth

• Optional borderWidth: Scriptable<number, PartialEventContext>

# Inherited from

ArrowHeadOptions.borderWidth

# Defined in

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

# display

• Optional display: Scriptable<boolean, PartialEventContext>

# Inherited from

ArrowHeadOptions.display

# Defined in

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

# end

• Optional end: ArrowHeadOptions

# Defined in

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

# fill

• Optional fill: Scriptable<boolean, PartialEventContext>

# Inherited from

ArrowHeadOptions.fill

# Defined in

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

# length

• Optional length: Scriptable<number, PartialEventContext>

# Inherited from

ArrowHeadOptions.length

# Defined in

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

# shadowBlur

• Optional shadowBlur: Scriptable<number, PartialEventContext>

# Inherited from

ArrowHeadOptions.shadowBlur

# Defined in

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

# shadowOffsetX

• Optional shadowOffsetX: Scriptable<number, PartialEventContext>

# Inherited from

ArrowHeadOptions.shadowOffsetX

# Defined in

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

# shadowOffsetY

• Optional shadowOffsetY: Scriptable<number, PartialEventContext>

# Inherited from

ArrowHeadOptions.shadowOffsetY

# Defined in

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

# start

• Optional start: ArrowHeadOptions

# Defined in

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

# width

• Optional width: Scriptable<number, PartialEventContext>

# Inherited from

ArrowHeadOptions.width

# Defined in

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

← →

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

# Interface: BoxAnnotationOptions

# Hierarchy

# Properties

# adjustScaleRange

• Optional adjustScaleRange: Scriptable<boolean, PartialEventContext>

# Inherited from

CoreAnnotationOptions.adjustScaleRange

# Defined in

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

# backgroundColor

• Optional backgroundColor: Scriptable<Color, PartialEventContext>

# Defined in

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

# backgroundShadowColor

• Optional backgroundShadowColor: Scriptable<Color, PartialEventContext>

# Inherited from

CoreAnnotationOptions.backgroundShadowColor

# Defined in

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

# borderCapStyle

• Optional borderCapStyle: Scriptable<CanvasLineCap, PartialEventContext>

Border line cap style. See MDN.

Default

'butt'

# Defined in

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

# borderColor

• Optional borderColor: Scriptable<Color, PartialEventContext>

# Inherited from

CoreAnnotationOptions.borderColor

# Defined in

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

# borderDash

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

Border line dash. See MDN.

Default

[]

# Overrides

CoreAnnotationOptions.borderDash

# Defined in

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

# borderDashOffset

• Optional borderDashOffset: Scriptable<number, PartialEventContext>

Border line dash offset. See MDN.

Default

0.0

# Overrides

CoreAnnotationOptions.borderDashOffset

# Defined in

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

# borderJoinStyle

• Optional borderJoinStyle: Scriptable<CanvasLineJoin, PartialEventContext>

Border line join style. See MDN.

Default

'miter'

# Defined in

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

# borderRadius

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

# Defined in

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

# borderShadowColor

• Optional borderShadowColor: Scriptable<Color, PartialEventContext>

# Inherited from

CoreAnnotationOptions.borderShadowColor

# Defined in

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

# borderWidth

• Optional borderWidth: Scriptable<number, PartialEventContext>

# Inherited from

CoreAnnotationOptions.borderWidth

# Defined in

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

# display

• Optional display: Scriptable<boolean, PartialEventContext>

# Inherited from

CoreAnnotationOptions.display

# Defined in

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

# drawTime

• Optional drawTime: Scriptable<DrawTime, PartialEventContext>

# Inherited from

CoreAnnotationOptions.drawTime

# Defined in

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

# hitTolerance

• Optional hitTolerance: Scriptable<number, PartialEventContext>

# Inherited from

CoreAnnotationOptions.hitTolerance

# Defined in

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

# id

• Optional id: string

# Inherited from

CoreAnnotationOptions.id

# Defined in

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

# init

• Optional init: boolean | (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:46 (opens new window)

# label

• Optional label: BoxLabelOptions

# Defined in

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

# rotation

• Optional rotation: Scriptable<number, PartialEventContext>

# Defined in

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

# shadowBlur

• Optional shadowBlur: Scriptable<number, PartialEventContext>

# Inherited from

CoreAnnotationOptions.shadowBlur

# Defined in

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

# shadowOffsetX

• Optional shadowOffsetX: Scriptable<number, PartialEventContext>

# Inherited from

CoreAnnotationOptions.shadowOffsetX

# Defined in

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

# shadowOffsetY

• Optional shadowOffsetY: Scriptable<number, PartialEventContext>

# Inherited from

CoreAnnotationOptions.shadowOffsetY

# Defined in

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

# xMax

• Optional xMax: Scriptable<ScaleValue, PartialEventContext>

# Inherited from

CoreAnnotationOptions.xMax

# Defined in

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

# xMin

• Optional xMin: Scriptable<ScaleValue, PartialEventContext>

# Inherited from

CoreAnnotationOptions.xMin

# Defined in

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

# xScaleID

• Optional xScaleID: Scriptable<string, PartialEventContext>

# Inherited from

CoreAnnotationOptions.xScaleID

# Defined in

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

# yMax

• Optional yMax: Scriptable<ScaleValue, PartialEventContext>

# Inherited from

CoreAnnotationOptions.yMax

# Defined in

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

# yMin

• Optional yMin: Scriptable<ScaleValue, PartialEventContext>

# Inherited from

CoreAnnotationOptions.yMin

# Defined in

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

# yScaleID

• Optional yScaleID: Scriptable<string, PartialEventContext>

# Inherited from

CoreAnnotationOptions.yScaleID

# Defined in

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

# z

• Optional z: Scriptable<number, PartialEventContext>

# Inherited from

CoreAnnotationOptions.z

# Defined in

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

# Methods

# afterDraw

▸ Optional afterDraw(context): void

# Parameters

Name Type
context EventContext

# Returns

void

# Inherited from

CoreAnnotationOptions.afterDraw

# Defined in

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

# beforeDraw

▸ Optional beforeDraw(context): void

# Parameters

Name Type
context EventContext

# Returns

void

# Inherited from

CoreAnnotationOptions.beforeDraw

# Defined in

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

# click

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

# Parameters

Name Type
context EventContext
event ChartEvent

# Returns

boolean | void

# Inherited from

CoreAnnotationOptions.click

# Defined in

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

# enter

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

# Parameters

Name Type
context EventContext
event ChartEvent

# Returns

boolean | void

# Inherited from

CoreAnnotationOptions.enter

# Defined in

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

# leave

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

# Parameters

Name Type
context EventContext
event ChartEvent

# Returns

boolean | void

# Inherited from

CoreAnnotationOptions.leave

# Defined in

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

+ (opens new window)

# Interface: BoxAnnotationOptions

# Hierarchy

# Properties

# adjustScaleRange

• Optional adjustScaleRange: Scriptable<boolean, PartialEventContext>

# Inherited from

CoreAnnotationOptions.adjustScaleRange

# Defined in

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

# backgroundColor

• Optional backgroundColor: Scriptable<Color, PartialEventContext>

# Defined in

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

# backgroundShadowColor

• Optional backgroundShadowColor: Scriptable<Color, PartialEventContext>

# Inherited from

CoreAnnotationOptions.backgroundShadowColor

# Defined in

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

# borderCapStyle

• Optional borderCapStyle: Scriptable<CanvasLineCap, PartialEventContext>

Border line cap style. See MDN.

Default

'butt'

# Defined in

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

# borderColor

• Optional borderColor: Scriptable<Color, PartialEventContext>

# Inherited from

CoreAnnotationOptions.borderColor

# Defined in

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

# borderDash

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

Border line dash. See MDN.

Default

[]

# Overrides

CoreAnnotationOptions.borderDash

# Defined in

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

# borderDashOffset

• Optional borderDashOffset: Scriptable<number, PartialEventContext>

Border line dash offset. See MDN.

Default

0.0

# Overrides

CoreAnnotationOptions.borderDashOffset

# Defined in

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

# borderJoinStyle

• Optional borderJoinStyle: Scriptable<CanvasLineJoin, PartialEventContext>

Border line join style. See MDN.

Default

'miter'

# Defined in

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

# borderRadius

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

# Defined in

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

# borderShadowColor

• Optional borderShadowColor: Scriptable<Color, PartialEventContext>

# Inherited from

CoreAnnotationOptions.borderShadowColor

# Defined in

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

# borderWidth

• Optional borderWidth: Scriptable<number, PartialEventContext>

# Inherited from

CoreAnnotationOptions.borderWidth

# Defined in

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

# display

• Optional display: Scriptable<boolean, PartialEventContext>

# Inherited from

CoreAnnotationOptions.display

# Defined in

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

# drawTime

• Optional drawTime: Scriptable<DrawTime, PartialEventContext>

# Inherited from

CoreAnnotationOptions.drawTime

# Defined in

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

# hitTolerance

• Optional hitTolerance: Scriptable<number, PartialEventContext>

# Inherited from

CoreAnnotationOptions.hitTolerance

# Defined in

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

# id

• Optional id: string

# Inherited from

CoreAnnotationOptions.id

# Defined in

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

# init

• Optional init: boolean | (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:46 (opens new window)

# label

• Optional label: BoxLabelOptions

# Defined in

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

# rotation

• Optional rotation: Scriptable<number, PartialEventContext>

# Defined in

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

# shadowBlur

• Optional shadowBlur: Scriptable<number, PartialEventContext>

# Inherited from

CoreAnnotationOptions.shadowBlur

# Defined in

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

# shadowOffsetX

• Optional shadowOffsetX: Scriptable<number, PartialEventContext>

# Inherited from

CoreAnnotationOptions.shadowOffsetX

# Defined in

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

# shadowOffsetY

• Optional shadowOffsetY: Scriptable<number, PartialEventContext>

# Inherited from

CoreAnnotationOptions.shadowOffsetY

# Defined in

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

# xMax

• Optional xMax: Scriptable<ScaleValue, PartialEventContext>

# Inherited from

CoreAnnotationOptions.xMax

# Defined in

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

# xMin

• Optional xMin: Scriptable<ScaleValue, PartialEventContext>

# Inherited from

CoreAnnotationOptions.xMin

# Defined in

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

# xScaleID

• Optional xScaleID: Scriptable<string, PartialEventContext>

# Inherited from

CoreAnnotationOptions.xScaleID

# Defined in

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

# yMax

• Optional yMax: Scriptable<ScaleValue, PartialEventContext>

# Inherited from

CoreAnnotationOptions.yMax

# Defined in

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

# yMin

• Optional yMin: Scriptable<ScaleValue, PartialEventContext>

# Inherited from

CoreAnnotationOptions.yMin

# Defined in

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

# yScaleID

• Optional yScaleID: Scriptable<string, PartialEventContext>

# Inherited from

CoreAnnotationOptions.yScaleID

# Defined in

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

# z

• Optional z: Scriptable<number, PartialEventContext>

# Inherited from

CoreAnnotationOptions.z

# Defined in

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

# Methods

# afterDraw

▸ Optional afterDraw(context): void

# Parameters

Name Type
context EventContext

# Returns

void

# Inherited from

CoreAnnotationOptions.afterDraw

# Defined in

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

# beforeDraw

▸ Optional beforeDraw(context): void

# Parameters

Name Type
context EventContext

# Returns

void

# Inherited from

CoreAnnotationOptions.beforeDraw

# Defined in

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

# click

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

# Parameters

Name Type
context EventContext
event ChartEvent

# Returns

boolean | void

# Inherited from

CoreAnnotationOptions.click

# Defined in

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

# enter

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

# Parameters

Name Type
context EventContext
event ChartEvent

# Returns

boolean | void

# Inherited from

CoreAnnotationOptions.enter

# Defined in

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

# leave

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

# Parameters

Name Type
context EventContext
event ChartEvent

# Returns

boolean | void

# Inherited from

CoreAnnotationOptions.leave

# Defined in

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

← →

- + diff --git a/master/api/interfaces/BoxLabelOptions.html b/master/api/interfaces/BoxLabelOptions.html index f68c0df18..0caeddfe5 100644 --- a/master/api/interfaces/BoxLabelOptions.html +++ b/master/api/interfaces/BoxLabelOptions.html @@ -7,7 +7,7 @@ - + @@ -31,13 +31,13 @@ Samples GitHub - (opens new window)

# Interface: BoxLabelOptions

# Hierarchy

# Properties

# color

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

# Inherited from

CoreLabelOptions.color

# Defined in

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

# content

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

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

# Inherited from

CoreLabelOptions.content

# Defined in

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

# display

• Optional display: Scriptable<boolean, PartialEventContext>

Whether the label should be displayed

Default

true

# Defined in

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

# drawTime

• Optional drawTime: Scriptable<DrawTime, PartialEventContext>

# Inherited from

CoreLabelOptions.drawTime

# Defined in

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

# font

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

# Inherited from

CoreLabelOptions.font

# Defined in

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

# height

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

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

# Inherited from

CoreLabelOptions.height

# Defined in

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

# hitTolerance

• Optional hitTolerance: Scriptable<number, PartialEventContext>

# Defined in

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

# opacity

• Optional opacity: Scriptable<number, PartialEventContext>

Overrides the opacity of the image.

# Inherited from

CoreLabelOptions.opacity

# Defined in

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

# padding

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

Padding of label

Default

6

# Inherited from

CoreLabelOptions.padding

# Defined in

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

# position

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

# Defined in

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

# rotation

• Optional rotation: Scriptable<number, PartialEventContext>

# Defined in

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

# textAlign

• Optional textAlign: Scriptable<LabelTextAlign, PartialEventContext>

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

Default

'center'

# Inherited from

CoreLabelOptions.textAlign

# Defined in

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

# textStrokeColor

• Optional textStrokeColor: Scriptable<Color, PartialEventContext>

# Inherited from

CoreLabelOptions.textStrokeColor

# Defined in

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

# textStrokeWidth

• Optional textStrokeWidth: Scriptable<number, PartialEventContext>

# Inherited from

CoreLabelOptions.textStrokeWidth

# Defined in

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

# width

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

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

# Inherited from

CoreLabelOptions.width

# Defined in

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

# xAdjust

• Optional xAdjust: Scriptable<number, PartialEventContext>

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

# Interface: BoxLabelOptions

# Hierarchy

# Properties

# color

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

# Inherited from

CoreLabelOptions.color

# Defined in

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

# content

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

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

# Inherited from

CoreLabelOptions.content

# Defined in

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

# display

• Optional display: Scriptable<boolean, PartialEventContext>

Whether the label should be displayed

Default

true

# Defined in

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

# drawTime

• Optional drawTime: Scriptable<DrawTime, PartialEventContext>

# Inherited from

CoreLabelOptions.drawTime

# Defined in

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

# font

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

# Inherited from

CoreLabelOptions.font

# Defined in

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

# height

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

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

# Inherited from

CoreLabelOptions.height

# Defined in

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

# hitTolerance

• Optional hitTolerance: Scriptable<number, PartialEventContext>

# Defined in

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

# opacity

• Optional opacity: Scriptable<number, PartialEventContext>

Overrides the opacity of the image.

# Inherited from

CoreLabelOptions.opacity

# Defined in

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

# padding

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

Padding of label

Default

6

# Inherited from

CoreLabelOptions.padding

# Defined in

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

# position

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

# Defined in

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

# rotation

• Optional rotation: Scriptable<number, PartialEventContext>

# Defined in

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

# textAlign

• Optional textAlign: Scriptable<LabelTextAlign, PartialEventContext>

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

Default

'center'

# Inherited from

CoreLabelOptions.textAlign

# Defined in

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

# textStrokeColor

• Optional textStrokeColor: Scriptable<Color, PartialEventContext>

# Inherited from

CoreLabelOptions.textStrokeColor

# Defined in

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

# textStrokeWidth

• Optional textStrokeWidth: Scriptable<number, PartialEventContext>

# Inherited from

CoreLabelOptions.textStrokeWidth

# Defined in

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

# width

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

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

# Inherited from

CoreLabelOptions.width

# Defined in

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

# xAdjust

• Optional xAdjust: Scriptable<number, PartialEventContext>

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

Default

0

# Inherited from

CoreLabelOptions.xAdjust

# Defined in

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

# yAdjust

• Optional yAdjust: Scriptable<number, PartialEventContext>

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

Default

0

# Inherited from

CoreLabelOptions.xAdjust

# Defined in

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

# yAdjust

• Optional yAdjust: Scriptable<number, PartialEventContext>

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

Default

0

# Inherited from

CoreLabelOptions.yAdjust

# Defined in

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

# z

• Optional z: Scriptable<number, PartialEventContext>

# Inherited from

CoreLabelOptions.z

# Defined in

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

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

Default

0

# Inherited from

CoreLabelOptions.yAdjust

# Defined in

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

# z

• Optional z: Scriptable<number, PartialEventContext>

# Inherited from

CoreLabelOptions.z

# Defined in

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

← →

- + diff --git a/master/api/interfaces/CalloutOptions.html b/master/api/interfaces/CalloutOptions.html index 231a0640a..be9b10b35 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 910c11ff7..45e46647a 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 b9a155d06..babaa7fa6 100644 --- a/master/api/interfaces/ControlPointOptions.html +++ b/master/api/interfaces/ControlPointOptions.html @@ -7,7 +7,7 @@ - + @@ -31,7 +31,7 @@ Samples GitHub - (opens new window)

# Interface: ControlPointOptions

# Properties

# x

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

# Defined in

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

# y

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

# Defined in

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

+ (opens new window)

# Interface: ControlPointOptions

# Properties

# x

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

# Defined in

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

# y

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

# Defined in

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

← →

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

# Interface: CoreAnnotationOptions

# Hierarchy

# Properties

# adjustScaleRange

• Optional adjustScaleRange: Scriptable<boolean, PartialEventContext>

# Defined in

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

# backgroundShadowColor

• Optional backgroundShadowColor: Scriptable<Color, PartialEventContext>

# Inherited from

ShadowOptions.backgroundShadowColor

# Defined in

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

# borderColor

• Optional borderColor: Scriptable<Color, PartialEventContext>

# Defined in

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

# borderDash

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

# Defined in

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

# borderDashOffset

• Optional borderDashOffset: Scriptable<number, PartialEventContext>

# Defined in

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

# borderShadowColor

• Optional borderShadowColor: Scriptable<Color, PartialEventContext>

# Inherited from

ShadowOptions.borderShadowColor

# Defined in

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

# borderWidth

• Optional borderWidth: Scriptable<number, PartialEventContext>

# Defined in

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

# display

• Optional display: Scriptable<boolean, PartialEventContext>

# Defined in

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

# drawTime

• Optional drawTime: Scriptable<DrawTime, PartialEventContext>

# Defined in

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

# hitTolerance

• Optional hitTolerance: Scriptable<number, PartialEventContext>

# Defined in

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

# id

• Optional id: string

# Defined in

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

# init

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

# Defined in

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

# shadowBlur

• Optional shadowBlur: Scriptable<number, PartialEventContext>

# Inherited from

ShadowOptions.shadowBlur

# Defined in

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

# shadowOffsetX

• Optional shadowOffsetX: Scriptable<number, PartialEventContext>

# Inherited from

ShadowOptions.shadowOffsetX

# Defined in

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

# shadowOffsetY

• Optional shadowOffsetY: Scriptable<number, PartialEventContext>

# Inherited from

ShadowOptions.shadowOffsetY

# Defined in

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

# xMax

• Optional xMax: Scriptable<ScaleValue, PartialEventContext>

# Defined in

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

# xMin

• Optional xMin: Scriptable<ScaleValue, PartialEventContext>

# Defined in

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

# xScaleID

• Optional xScaleID: Scriptable<string, PartialEventContext>

# Defined in

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

# yMax

• Optional yMax: Scriptable<ScaleValue, PartialEventContext>

# Defined in

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

# yMin

• Optional yMin: Scriptable<ScaleValue, PartialEventContext>

# Defined in

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

# yScaleID

• Optional yScaleID: Scriptable<string, PartialEventContext>

# Defined in

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

# z

• Optional z: Scriptable<number, PartialEventContext>

# Defined in

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

# Methods

# afterDraw

▸ Optional afterDraw(context): void

# Parameters

Name Type
context EventContext

# Returns

void

# Inherited from

AnnotationHooks.afterDraw

# Defined in

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

# beforeDraw

▸ Optional beforeDraw(context): void

# Parameters

Name Type
context EventContext

# Returns

void

# Inherited from

AnnotationHooks.beforeDraw

# Defined in

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

# click

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

# Parameters

Name Type
context EventContext
event ChartEvent

# Returns

boolean | void

# Inherited from

AnnotationEvents.click

# Defined in

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

# enter

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

# Parameters

Name Type
context EventContext
event ChartEvent

# Returns

boolean | void

# Inherited from

AnnotationEvents.enter

# Defined in

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

# leave

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

# Parameters

Name Type
context EventContext
event ChartEvent

# Returns

boolean | void

# Inherited from

AnnotationEvents.leave

# Defined in

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

+ (opens new window)

# Interface: CoreAnnotationOptions

# Hierarchy

# Properties

# adjustScaleRange

• Optional adjustScaleRange: Scriptable<boolean, PartialEventContext>

# Defined in

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

# backgroundShadowColor

• Optional backgroundShadowColor: Scriptable<Color, PartialEventContext>

# Inherited from

ShadowOptions.backgroundShadowColor

# Defined in

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

# borderColor

• Optional borderColor: Scriptable<Color, PartialEventContext>

# Defined in

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

# borderDash

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

# Defined in

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

# borderDashOffset

• Optional borderDashOffset: Scriptable<number, PartialEventContext>

# Defined in

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

# borderShadowColor

• Optional borderShadowColor: Scriptable<Color, PartialEventContext>

# Inherited from

ShadowOptions.borderShadowColor

# Defined in

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

# borderWidth

• Optional borderWidth: Scriptable<number, PartialEventContext>

# Defined in

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

# display

• Optional display: Scriptable<boolean, PartialEventContext>

# Defined in

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

# drawTime

• Optional drawTime: Scriptable<DrawTime, PartialEventContext>

# Defined in

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

# hitTolerance

• Optional hitTolerance: Scriptable<number, PartialEventContext>

# Defined in

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

# id

• Optional id: string

# Defined in

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

# init

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

# Defined in

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

# shadowBlur

• Optional shadowBlur: Scriptable<number, PartialEventContext>

# Inherited from

ShadowOptions.shadowBlur

# Defined in

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

# shadowOffsetX

• Optional shadowOffsetX: Scriptable<number, PartialEventContext>

# Inherited from

ShadowOptions.shadowOffsetX

# Defined in

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

# shadowOffsetY

• Optional shadowOffsetY: Scriptable<number, PartialEventContext>

# Inherited from

ShadowOptions.shadowOffsetY

# Defined in

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

# xMax

• Optional xMax: Scriptable<ScaleValue, PartialEventContext>

# Defined in

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

# xMin

• Optional xMin: Scriptable<ScaleValue, PartialEventContext>

# Defined in

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

# xScaleID

• Optional xScaleID: Scriptable<string, PartialEventContext>

# Defined in

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

# yMax

• Optional yMax: Scriptable<ScaleValue, PartialEventContext>

# Defined in

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

# yMin

• Optional yMin: Scriptable<ScaleValue, PartialEventContext>

# Defined in

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

# yScaleID

• Optional yScaleID: Scriptable<string, PartialEventContext>

# Defined in

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

# z

• Optional z: Scriptable<number, PartialEventContext>

# Defined in

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

# Methods

# afterDraw

▸ Optional afterDraw(context): void

# Parameters

Name Type
context EventContext

# Returns

void

# Inherited from

AnnotationHooks.afterDraw

# Defined in

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

# beforeDraw

▸ Optional beforeDraw(context): void

# Parameters

Name Type
context EventContext

# Returns

void

# Inherited from

AnnotationHooks.beforeDraw

# Defined in

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

# click

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

# Parameters

Name Type
context EventContext
event ChartEvent

# Returns

boolean | void

# Inherited from

AnnotationEvents.click

# Defined in

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

# enter

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

# Parameters

Name Type
context EventContext
event ChartEvent

# Returns

boolean | void

# Inherited from

AnnotationEvents.enter

# Defined in

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

# leave

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

# Parameters

Name Type
context EventContext
event ChartEvent

# Returns

boolean | void

# Inherited from

AnnotationEvents.leave

# Defined in

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

← →

- + diff --git a/master/api/interfaces/CoreLabelOptions.html b/master/api/interfaces/CoreLabelOptions.html index 154b8d0ea..6c382f05a 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 24dd4e787..35bd7397d 100644 --- a/master/api/interfaces/EllipseAnnotationOptions.html +++ b/master/api/interfaces/EllipseAnnotationOptions.html @@ -7,7 +7,7 @@ - + @@ -31,7 +31,7 @@ Samples GitHub - (opens new window)

# Interface: EllipseAnnotationOptions

# Hierarchy

# Properties

# adjustScaleRange

• Optional adjustScaleRange: Scriptable<boolean, PartialEventContext>

# Inherited from

CoreAnnotationOptions.adjustScaleRange

# Defined in

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

# backgroundColor

• Optional backgroundColor: Scriptable<Color, PartialEventContext>

# Defined in

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

# backgroundShadowColor

• Optional backgroundShadowColor: Scriptable<Color, PartialEventContext>

# Inherited from

CoreAnnotationOptions.backgroundShadowColor

# Defined in

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

# borderColor

• Optional borderColor: Scriptable<Color, PartialEventContext>

# Inherited from

CoreAnnotationOptions.borderColor

# Defined in

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

# borderDash

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

# Inherited from

CoreAnnotationOptions.borderDash

# Defined in

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

# borderDashOffset

• Optional borderDashOffset: Scriptable<number, PartialEventContext>

# Inherited from

CoreAnnotationOptions.borderDashOffset

# Defined in

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

# borderShadowColor

• Optional borderShadowColor: Scriptable<Color, PartialEventContext>

# Inherited from

CoreAnnotationOptions.borderShadowColor

# Defined in

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

# borderWidth

• Optional borderWidth: Scriptable<number, PartialEventContext>

# Inherited from

CoreAnnotationOptions.borderWidth

# Defined in

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

# display

• Optional display: Scriptable<boolean, PartialEventContext>

# Inherited from

CoreAnnotationOptions.display

# Defined in

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

# drawTime

• Optional drawTime: Scriptable<DrawTime, PartialEventContext>

# Inherited from

CoreAnnotationOptions.drawTime

# Defined in

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

# hitTolerance

• Optional hitTolerance: Scriptable<number, PartialEventContext>

# Inherited from

CoreAnnotationOptions.hitTolerance

# Defined in

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

# id

• Optional id: string

# Inherited from

CoreAnnotationOptions.id

# Defined in

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

# init

• Optional init: boolean | (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:46 (opens new window)

# label

• Optional label: BoxLabelOptions

# Defined in

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

# rotation

• Optional rotation: Scriptable<number, PartialEventContext>

# Defined in

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

# shadowBlur

• Optional shadowBlur: Scriptable<number, PartialEventContext>

# Inherited from

CoreAnnotationOptions.shadowBlur

# Defined in

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

# shadowOffsetX

• Optional shadowOffsetX: Scriptable<number, PartialEventContext>

# Inherited from

CoreAnnotationOptions.shadowOffsetX

# Defined in

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

# shadowOffsetY

• Optional shadowOffsetY: Scriptable<number, PartialEventContext>

# Inherited from

CoreAnnotationOptions.shadowOffsetY

# Defined in

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

# xMax

• Optional xMax: Scriptable<ScaleValue, PartialEventContext>

# Inherited from

CoreAnnotationOptions.xMax

# Defined in

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

# xMin

• Optional xMin: Scriptable<ScaleValue, PartialEventContext>

# Inherited from

CoreAnnotationOptions.xMin

# Defined in

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

# xScaleID

• Optional xScaleID: Scriptable<string, PartialEventContext>

# Inherited from

CoreAnnotationOptions.xScaleID

# Defined in

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

# yMax

• Optional yMax: Scriptable<ScaleValue, PartialEventContext>

# Inherited from

CoreAnnotationOptions.yMax

# Defined in

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

# yMin

• Optional yMin: Scriptable<ScaleValue, PartialEventContext>

# Inherited from

CoreAnnotationOptions.yMin

# Defined in

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

# yScaleID

• Optional yScaleID: Scriptable<string, PartialEventContext>

# Inherited from

CoreAnnotationOptions.yScaleID

# Defined in

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

# z

• Optional z: Scriptable<number, PartialEventContext>

# Inherited from

CoreAnnotationOptions.z

# Defined in

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

# Methods

# afterDraw

▸ Optional afterDraw(context): void

# Parameters

Name Type
context EventContext

# Returns

void

# Inherited from

CoreAnnotationOptions.afterDraw

# Defined in

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

# beforeDraw

▸ Optional beforeDraw(context): void

# Parameters

Name Type
context EventContext

# Returns

void

# Inherited from

CoreAnnotationOptions.beforeDraw

# Defined in

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

# click

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

# Parameters

Name Type
context EventContext
event ChartEvent

# Returns

boolean | void

# Inherited from

CoreAnnotationOptions.click

# Defined in

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

# enter

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

# Parameters

Name Type
context EventContext
event ChartEvent

# Returns

boolean | void

# Inherited from

CoreAnnotationOptions.enter

# Defined in

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

# leave

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

# Parameters

Name Type
context EventContext
event ChartEvent

# Returns

boolean | void

# Inherited from

CoreAnnotationOptions.leave

# Defined in

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

+ (opens new window)

# Interface: EllipseAnnotationOptions

# Hierarchy

# Properties

# adjustScaleRange

• Optional adjustScaleRange: Scriptable<boolean, PartialEventContext>

# Inherited from

CoreAnnotationOptions.adjustScaleRange

# Defined in

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

# backgroundColor

• Optional backgroundColor: Scriptable<Color, PartialEventContext>

# Defined in

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

# backgroundShadowColor

• Optional backgroundShadowColor: Scriptable<Color, PartialEventContext>

# Inherited from

CoreAnnotationOptions.backgroundShadowColor

# Defined in

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

# borderColor

• Optional borderColor: Scriptable<Color, PartialEventContext>

# Inherited from

CoreAnnotationOptions.borderColor

# Defined in

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

# borderDash

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

# Inherited from

CoreAnnotationOptions.borderDash

# Defined in

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

# borderDashOffset

• Optional borderDashOffset: Scriptable<number, PartialEventContext>

# Inherited from

CoreAnnotationOptions.borderDashOffset

# Defined in

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

# borderShadowColor

• Optional borderShadowColor: Scriptable<Color, PartialEventContext>

# Inherited from

CoreAnnotationOptions.borderShadowColor

# Defined in

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

# borderWidth

• Optional borderWidth: Scriptable<number, PartialEventContext>

# Inherited from

CoreAnnotationOptions.borderWidth

# Defined in

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

# display

• Optional display: Scriptable<boolean, PartialEventContext>

# Inherited from

CoreAnnotationOptions.display

# Defined in

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

# drawTime

• Optional drawTime: Scriptable<DrawTime, PartialEventContext>

# Inherited from

CoreAnnotationOptions.drawTime

# Defined in

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

# hitTolerance

• Optional hitTolerance: Scriptable<number, PartialEventContext>

# Inherited from

CoreAnnotationOptions.hitTolerance

# Defined in

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

# id

• Optional id: string

# Inherited from

CoreAnnotationOptions.id

# Defined in

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

# init

• Optional init: boolean | (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:46 (opens new window)

# label

• Optional label: BoxLabelOptions

# Defined in

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

# rotation

• Optional rotation: Scriptable<number, PartialEventContext>

# Defined in

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

# shadowBlur

• Optional shadowBlur: Scriptable<number, PartialEventContext>

# Inherited from

CoreAnnotationOptions.shadowBlur

# Defined in

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

# shadowOffsetX

• Optional shadowOffsetX: Scriptable<number, PartialEventContext>

# Inherited from

CoreAnnotationOptions.shadowOffsetX

# Defined in

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

# shadowOffsetY

• Optional shadowOffsetY: Scriptable<number, PartialEventContext>

# Inherited from

CoreAnnotationOptions.shadowOffsetY

# Defined in

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

# xMax

• Optional xMax: Scriptable<ScaleValue, PartialEventContext>

# Inherited from

CoreAnnotationOptions.xMax

# Defined in

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

# xMin

• Optional xMin: Scriptable<ScaleValue, PartialEventContext>

# Inherited from

CoreAnnotationOptions.xMin

# Defined in

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

# xScaleID

• Optional xScaleID: Scriptable<string, PartialEventContext>

# Inherited from

CoreAnnotationOptions.xScaleID

# Defined in

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

# yMax

• Optional yMax: Scriptable<ScaleValue, PartialEventContext>

# Inherited from

CoreAnnotationOptions.yMax

# Defined in

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

# yMin

• Optional yMin: Scriptable<ScaleValue, PartialEventContext>

# Inherited from

CoreAnnotationOptions.yMin

# Defined in

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

# yScaleID

• Optional yScaleID: Scriptable<string, PartialEventContext>

# Inherited from

CoreAnnotationOptions.yScaleID

# Defined in

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

# z

• Optional z: Scriptable<number, PartialEventContext>

# Inherited from

CoreAnnotationOptions.z

# Defined in

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

# Methods

# afterDraw

▸ Optional afterDraw(context): void

# Parameters

Name Type
context EventContext

# Returns

void

# Inherited from

CoreAnnotationOptions.afterDraw

# Defined in

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

# beforeDraw

▸ Optional beforeDraw(context): void

# Parameters

Name Type
context EventContext

# Returns

void

# Inherited from

CoreAnnotationOptions.beforeDraw

# Defined in

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

# click

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

# Parameters

Name Type
context EventContext
event ChartEvent

# Returns

boolean | void

# Inherited from

CoreAnnotationOptions.click

# Defined in

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

# enter

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

# Parameters

Name Type
context EventContext
event ChartEvent

# Returns

boolean | void

# Inherited from

CoreAnnotationOptions.enter

# Defined in

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

# leave

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

# Parameters

Name Type
context EventContext
event ChartEvent

# Returns

boolean | void

# Inherited from

CoreAnnotationOptions.leave

# Defined in

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

← →

- + diff --git a/master/api/interfaces/EventContext.html b/master/api/interfaces/EventContext.html index 1d6c00160..eb6a90e31 100644 --- a/master/api/interfaces/EventContext.html +++ b/master/api/interfaces/EventContext.html @@ -7,7 +7,7 @@ - + @@ -31,7 +31,7 @@ Samples GitHub - (opens new window)

# Interface: EventContext

# Properties

# chart

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

# Defined in

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

# element

• element: AnnotationElement

# Defined in

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

# elements

• elements: AnnotationElement[]

# Defined in

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

# id

• id: string

# Defined in

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

# type

• type: string

# Defined in

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

+ (opens new window)

# Interface: EventContext

# Properties

# chart

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

# Defined in

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

# element

• element: AnnotationElement

# Defined in

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

# elements

• elements: AnnotationElement[]

# Defined in

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

# id

• id: string

# Defined in

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

# type

• type: string

# Defined in

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

← →

- + diff --git a/master/api/interfaces/LabelAnnotationOptions.html b/master/api/interfaces/LabelAnnotationOptions.html index 148262d02..3f1cc438b 100644 --- a/master/api/interfaces/LabelAnnotationOptions.html +++ b/master/api/interfaces/LabelAnnotationOptions.html @@ -7,7 +7,7 @@ - + @@ -31,13 +31,13 @@ Samples GitHub - (opens new window)

# Interface: LabelAnnotationOptions

# Hierarchy

# Properties

# adjustScaleRange

• Optional adjustScaleRange: Scriptable<boolean, PartialEventContext>

# Inherited from

CoreAnnotationOptions.adjustScaleRange

# Defined in

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

# backgroundColor

• Optional backgroundColor: Scriptable<Color, PartialEventContext>

# Inherited from

LabelTypeOptions.backgroundColor

# Defined in

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

# backgroundShadowColor

• Optional backgroundShadowColor: Scriptable<Color, PartialEventContext>

# Inherited from

CoreAnnotationOptions.backgroundShadowColor

# Defined in

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

# borderCapStyle

• Optional borderCapStyle: Scriptable<CanvasLineCap, PartialEventContext>

Border line cap style. See MDN.

Default

'butt'

# Inherited from

LabelTypeOptions.borderCapStyle

# Defined in

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

# borderColor

• Optional borderColor: Scriptable<Color, PartialEventContext>

# Inherited from

LabelTypeOptions.borderColor

# Defined in

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

# borderDash

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

Border line dash. See MDN.

Default

[]

# Inherited from

LabelTypeOptions.borderDash

# Defined in

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

# borderDashOffset

• Optional borderDashOffset: Scriptable<number, PartialEventContext>

Border line dash offset. See MDN.

Default

0.0

# Inherited from

LabelTypeOptions.borderDashOffset

# Defined in

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

# borderJoinStyle

• Optional borderJoinStyle: Scriptable<CanvasLineJoin, PartialEventContext>

Border line join style. See MDN.

Default

'miter'

# Inherited from

LabelTypeOptions.borderJoinStyle

# Defined in

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

# borderRadius

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

Border radius of the label rectangle

Default

6

# Inherited from

LabelTypeOptions.borderRadius

# Defined in

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

# borderShadowColor

• Optional borderShadowColor: Scriptable<Color, PartialEventContext>

# Inherited from

CoreAnnotationOptions.borderShadowColor

# Defined in

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

# borderWidth

• Optional borderWidth: Scriptable<number, PartialEventContext>

# Inherited from

LabelTypeOptions.borderWidth

# Defined in

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

# callout

• Optional callout: CalloutOptions

# Inherited from

LabelTypeOptions.callout

# Defined in

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

# color

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

# Inherited from

LabelTypeOptions.color

# Defined in

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

# content

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

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

# Inherited from

LabelTypeOptions.content

# Defined in

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

# display

• Optional display: Scriptable<boolean, PartialEventContext>

# Inherited from

CoreAnnotationOptions.display

# Defined in

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

# drawTime

• Optional drawTime: Scriptable<DrawTime, PartialEventContext>

# Inherited from

LabelTypeOptions.drawTime

# Defined in

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

# font

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

# Inherited from

LabelTypeOptions.font

# Defined in

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

# height

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

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

# Inherited from

LabelTypeOptions.height

# Defined in

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

# hitTolerance

• Optional hitTolerance: Scriptable<number, PartialEventContext>

# Inherited from

CoreAnnotationOptions.hitTolerance

# Defined in

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

# id

• Optional id: string

# Inherited from

CoreAnnotationOptions.id

# Defined in

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

# init

• Optional init: boolean | (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:46 (opens new window)

# opacity

• Optional opacity: Scriptable<number, PartialEventContext>

Overrides the opacity of the image.

# Inherited from

LabelTypeOptions.opacity

# Defined in

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

# padding

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

Padding of label

Default

6

# Inherited from

LabelTypeOptions.padding

# Defined in

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

# position

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

# Inherited from

LabelTypeOptions.position

# Defined in

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

# rotation

• Optional rotation: Scriptable<number, PartialEventContext>

# Defined in

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

# shadowBlur

• Optional shadowBlur: Scriptable<number, PartialEventContext>

# Inherited from

CoreAnnotationOptions.shadowBlur

# Defined in

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

# shadowOffsetX

• Optional shadowOffsetX: Scriptable<number, PartialEventContext>

# Inherited from

CoreAnnotationOptions.shadowOffsetX

# Defined in

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

# shadowOffsetY

• Optional shadowOffsetY: Scriptable<number, PartialEventContext>

# Inherited from

CoreAnnotationOptions.shadowOffsetY

# Defined in

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

# textAlign

• Optional textAlign: Scriptable<LabelTextAlign, PartialEventContext>

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

Default

'center'

# Inherited from

LabelTypeOptions.textAlign

# Defined in

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

# textStrokeColor

• Optional textStrokeColor: Scriptable<Color, PartialEventContext>

# Inherited from

LabelTypeOptions.textStrokeColor

# Defined in

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

# textStrokeWidth

• Optional textStrokeWidth: Scriptable<number, PartialEventContext>

# Inherited from

LabelTypeOptions.textStrokeWidth

# Defined in

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

# width

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

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

# Inherited from

LabelTypeOptions.width

# Defined in

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

# xAdjust

• Optional xAdjust: Scriptable<number, PartialEventContext>

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

# Interface: LabelAnnotationOptions

# Hierarchy

# Properties

# adjustScaleRange

• Optional adjustScaleRange: Scriptable<boolean, PartialEventContext>

# Inherited from

CoreAnnotationOptions.adjustScaleRange

# Defined in

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

# backgroundColor

• Optional backgroundColor: Scriptable<Color, PartialEventContext>

# Inherited from

LabelTypeOptions.backgroundColor

# Defined in

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

# backgroundShadowColor

• Optional backgroundShadowColor: Scriptable<Color, PartialEventContext>

# Inherited from

CoreAnnotationOptions.backgroundShadowColor

# Defined in

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

# borderCapStyle

• Optional borderCapStyle: Scriptable<CanvasLineCap, PartialEventContext>

Border line cap style. See MDN.

Default

'butt'

# Inherited from

LabelTypeOptions.borderCapStyle

# Defined in

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

# borderColor

• Optional borderColor: Scriptable<Color, PartialEventContext>

# Inherited from

LabelTypeOptions.borderColor

# Defined in

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

# borderDash

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

Border line dash. See MDN.

Default

[]

# Inherited from

LabelTypeOptions.borderDash

# Defined in

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

# borderDashOffset

• Optional borderDashOffset: Scriptable<number, PartialEventContext>

Border line dash offset. See MDN.

Default

0.0

# Inherited from

LabelTypeOptions.borderDashOffset

# Defined in

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

# borderJoinStyle

• Optional borderJoinStyle: Scriptable<CanvasLineJoin, PartialEventContext>

Border line join style. See MDN.

Default

'miter'

# Inherited from

LabelTypeOptions.borderJoinStyle

# Defined in

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

# borderRadius

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

Border radius of the label rectangle

Default

6

# Inherited from

LabelTypeOptions.borderRadius

# Defined in

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

# borderShadowColor

• Optional borderShadowColor: Scriptable<Color, PartialEventContext>

# Inherited from

CoreAnnotationOptions.borderShadowColor

# Defined in

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

# borderWidth

• Optional borderWidth: Scriptable<number, PartialEventContext>

# Inherited from

LabelTypeOptions.borderWidth

# Defined in

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

# callout

• Optional callout: CalloutOptions

# Inherited from

LabelTypeOptions.callout

# Defined in

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

# color

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

# Inherited from

LabelTypeOptions.color

# Defined in

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

# content

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

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

# Inherited from

LabelTypeOptions.content

# Defined in

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

# display

• Optional display: Scriptable<boolean, PartialEventContext>

# Inherited from

CoreAnnotationOptions.display

# Defined in

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

# drawTime

• Optional drawTime: Scriptable<DrawTime, PartialEventContext>

# Inherited from

LabelTypeOptions.drawTime

# Defined in

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

# font

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

# Inherited from

LabelTypeOptions.font

# Defined in

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

# height

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

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

# Inherited from

LabelTypeOptions.height

# Defined in

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

# hitTolerance

• Optional hitTolerance: Scriptable<number, PartialEventContext>

# Inherited from

CoreAnnotationOptions.hitTolerance

# Defined in

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

# id

• Optional id: string

# Inherited from

CoreAnnotationOptions.id

# Defined in

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

# init

• Optional init: boolean | (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:46 (opens new window)

# opacity

• Optional opacity: Scriptable<number, PartialEventContext>

Overrides the opacity of the image.

# Inherited from

LabelTypeOptions.opacity

# Defined in

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

# padding

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

Padding of label

Default

6

# Inherited from

LabelTypeOptions.padding

# Defined in

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

# position

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

# Inherited from

LabelTypeOptions.position

# Defined in

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

# rotation

• Optional rotation: Scriptable<number, PartialEventContext>

# Defined in

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

# shadowBlur

• Optional shadowBlur: Scriptable<number, PartialEventContext>

# Inherited from

CoreAnnotationOptions.shadowBlur

# Defined in

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

# shadowOffsetX

• Optional shadowOffsetX: Scriptable<number, PartialEventContext>

# Inherited from

CoreAnnotationOptions.shadowOffsetX

# Defined in

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

# shadowOffsetY

• Optional shadowOffsetY: Scriptable<number, PartialEventContext>

# Inherited from

CoreAnnotationOptions.shadowOffsetY

# Defined in

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

# textAlign

• Optional textAlign: Scriptable<LabelTextAlign, PartialEventContext>

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

Default

'center'

# Inherited from

LabelTypeOptions.textAlign

# Defined in

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

# textStrokeColor

• Optional textStrokeColor: Scriptable<Color, PartialEventContext>

# Inherited from

LabelTypeOptions.textStrokeColor

# Defined in

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

# textStrokeWidth

• Optional textStrokeWidth: Scriptable<number, PartialEventContext>

# Inherited from

LabelTypeOptions.textStrokeWidth

# Defined in

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

# width

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

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

# Inherited from

LabelTypeOptions.width

# Defined in

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

# xAdjust

• Optional xAdjust: Scriptable<number, PartialEventContext>

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

Default

0

# Inherited from

LabelTypeOptions.xAdjust

# Defined in

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

# xMax

• Optional xMax: Scriptable<ScaleValue, PartialEventContext>

# Inherited from

CoreAnnotationOptions.xMax

# Defined in

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

# xMin

• Optional xMin: Scriptable<ScaleValue, PartialEventContext>

# Inherited from

CoreAnnotationOptions.xMin

# Defined in

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

# xScaleID

• Optional xScaleID: Scriptable<string, PartialEventContext>

# Inherited from

CoreAnnotationOptions.xScaleID

# Defined in

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

# xValue

• Optional xValue: Scriptable<ScaleValue, PartialEventContext>

# Inherited from

AnnotationPointCoordinates.xValue

# Defined in

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

# yAdjust

• Optional yAdjust: Scriptable<number, PartialEventContext>

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

Default

0

# Inherited from

LabelTypeOptions.xAdjust

# Defined in

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

# xMax

• Optional xMax: Scriptable<ScaleValue, PartialEventContext>

# Inherited from

CoreAnnotationOptions.xMax

# Defined in

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

# xMin

• Optional xMin: Scriptable<ScaleValue, PartialEventContext>

# Inherited from

CoreAnnotationOptions.xMin

# Defined in

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

# xScaleID

• Optional xScaleID: Scriptable<string, PartialEventContext>

# Inherited from

CoreAnnotationOptions.xScaleID

# Defined in

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

# xValue

• Optional xValue: Scriptable<ScaleValue, PartialEventContext>

# Inherited from

AnnotationPointCoordinates.xValue

# Defined in

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

# yAdjust

• Optional yAdjust: Scriptable<number, PartialEventContext>

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

Default

0

# Inherited from

LabelTypeOptions.yAdjust

# Defined in

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

# yMax

• Optional yMax: Scriptable<ScaleValue, PartialEventContext>

# Inherited from

CoreAnnotationOptions.yMax

# Defined in

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

# yMin

• Optional yMin: Scriptable<ScaleValue, PartialEventContext>

# Inherited from

CoreAnnotationOptions.yMin

# Defined in

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

# yScaleID

• Optional yScaleID: Scriptable<string, PartialEventContext>

# Inherited from

CoreAnnotationOptions.yScaleID

# Defined in

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

# yValue

• Optional yValue: Scriptable<ScaleValue, PartialEventContext>

# Inherited from

AnnotationPointCoordinates.yValue

# Defined in

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

# z

• Optional z: Scriptable<number, PartialEventContext>

# Inherited from

LabelTypeOptions.z

# Defined in

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

# Methods

# afterDraw

▸ Optional afterDraw(context): void

# Parameters

Name Type
context EventContext

# Returns

void

# Inherited from

CoreAnnotationOptions.afterDraw

# Defined in

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

# beforeDraw

▸ Optional beforeDraw(context): void

# Parameters

Name Type
context EventContext

# Returns

void

# Inherited from

CoreAnnotationOptions.beforeDraw

# Defined in

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

# click

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

# Parameters

Name Type
context EventContext
event ChartEvent

# Returns

boolean | void

# Inherited from

CoreAnnotationOptions.click

# Defined in

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

# enter

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

# Parameters

Name Type
context EventContext
event ChartEvent

# Returns

boolean | void

# Inherited from

CoreAnnotationOptions.enter

# Defined in

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

# leave

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

# Parameters

Name Type
context EventContext
event ChartEvent

# Returns

boolean | void

# Inherited from

CoreAnnotationOptions.leave

# Defined in

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

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

Default

0

# Inherited from

LabelTypeOptions.yAdjust

# Defined in

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

# yMax

• Optional yMax: Scriptable<ScaleValue, PartialEventContext>

# Inherited from

CoreAnnotationOptions.yMax

# Defined in

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

# yMin

• Optional yMin: Scriptable<ScaleValue, PartialEventContext>

# Inherited from

CoreAnnotationOptions.yMin

# Defined in

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

# yScaleID

• Optional yScaleID: Scriptable<string, PartialEventContext>

# Inherited from

CoreAnnotationOptions.yScaleID

# Defined in

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

# yValue

• Optional yValue: Scriptable<ScaleValue, PartialEventContext>

# Inherited from

AnnotationPointCoordinates.yValue

# Defined in

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

# z

• Optional z: Scriptable<number, PartialEventContext>

# Inherited from

LabelTypeOptions.z

# Defined in

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

# Methods

# afterDraw

▸ Optional afterDraw(context): void

# Parameters

Name Type
context EventContext

# Returns

void

# Inherited from

CoreAnnotationOptions.afterDraw

# Defined in

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

# beforeDraw

▸ Optional beforeDraw(context): void

# Parameters

Name Type
context EventContext

# Returns

void

# Inherited from

CoreAnnotationOptions.beforeDraw

# Defined in

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

# click

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

# Parameters

Name Type
context EventContext
event ChartEvent

# Returns

boolean | void

# Inherited from

CoreAnnotationOptions.click

# Defined in

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

# enter

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

# Parameters

Name Type
context EventContext
event ChartEvent

# Returns

boolean | void

# Inherited from

CoreAnnotationOptions.enter

# Defined in

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

# leave

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

# Parameters

Name Type
context EventContext
event ChartEvent

# Returns

boolean | void

# Inherited from

CoreAnnotationOptions.leave

# Defined in

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

← →

- + diff --git a/master/api/interfaces/LabelOptions.html b/master/api/interfaces/LabelOptions.html index 4960be7e5..ff47763da 100644 --- a/master/api/interfaces/LabelOptions.html +++ b/master/api/interfaces/LabelOptions.html @@ -7,7 +7,7 @@ - + @@ -31,13 +31,13 @@ Samples GitHub - (opens new window)

# Interface: LabelOptions

# Hierarchy

# Properties

# backgroundColor

• Optional backgroundColor: Scriptable<Color, PartialEventContext>

# Inherited from

ContainedLabelOptions.backgroundColor

# Defined in

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

# backgroundShadowColor

• Optional backgroundShadowColor: Scriptable<Color, PartialEventContext>

# Inherited from

ShadowOptions.backgroundShadowColor

# Defined in

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

# borderCapStyle

• Optional borderCapStyle: Scriptable<CanvasLineCap, PartialEventContext>

Border line cap style. See MDN.

Default

'butt'

# Inherited from

ContainedLabelOptions.borderCapStyle

# Defined in

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

# borderColor

• Optional borderColor: Scriptable<Color, PartialEventContext>

# Inherited from

ContainedLabelOptions.borderColor

# Defined in

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

# borderDash

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

Border line dash. See MDN.

Default

[]

# Inherited from

ContainedLabelOptions.borderDash

# Defined in

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

# borderDashOffset

• Optional borderDashOffset: Scriptable<number, PartialEventContext>

Border line dash offset. See MDN.

Default

0.0

# Inherited from

ContainedLabelOptions.borderDashOffset

# Defined in

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

# borderJoinStyle

• Optional borderJoinStyle: Scriptable<CanvasLineJoin, PartialEventContext>

Border line join style. See MDN.

Default

'miter'

# Inherited from

ContainedLabelOptions.borderJoinStyle

# Defined in

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

# borderRadius

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

Border radius of the label rectangle

Default

6

# Inherited from

ContainedLabelOptions.borderRadius

# Defined in

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

# borderShadowColor

• Optional borderShadowColor: Scriptable<Color, PartialEventContext>

# Inherited from

ShadowOptions.borderShadowColor

# Defined in

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

# borderWidth

• Optional borderWidth: Scriptable<number, PartialEventContext>

# Inherited from

ContainedLabelOptions.borderWidth

# Defined in

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

# callout

• Optional callout: CalloutOptions

# Inherited from

ContainedLabelOptions.callout

# Defined in

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

# color

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

# Inherited from

ContainedLabelOptions.color

# Defined in

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

# content

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

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

# Inherited from

ContainedLabelOptions.content

# Defined in

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

# display

• Optional display: Scriptable<boolean, PartialEventContext>

Whether the label should be displayed

Default

true

# Defined in

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

# drawTime

• Optional drawTime: Scriptable<DrawTime, PartialEventContext>

# Inherited from

ContainedLabelOptions.drawTime

# Defined in

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

# font

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

# Inherited from

ContainedLabelOptions.font

# Defined in

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

# height

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

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

# Inherited from

ContainedLabelOptions.height

# Defined in

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

# hitTolerance

• Optional hitTolerance: Scriptable<number, PartialEventContext>

# Defined in

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

# opacity

• Optional opacity: Scriptable<number, PartialEventContext>

Overrides the opacity of the image.

# Inherited from

ContainedLabelOptions.opacity

# Defined in

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

# padding

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

Padding of label

Default

6

# Inherited from

ContainedLabelOptions.padding

# Defined in

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

# position

• Optional position: Scriptable<LabelPosition, PartialEventContext>

# Defined in

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

# rotation

• Optional rotation: Scriptable<number | "auto", PartialEventContext>

Rotation of label, in degrees, or 'auto' to use the degrees of the line, default is 0

Default

90

# Defined in

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

# shadowBlur

• Optional shadowBlur: Scriptable<number, PartialEventContext>

# Inherited from

ShadowOptions.shadowBlur

# Defined in

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

# shadowOffsetX

• Optional shadowOffsetX: Scriptable<number, PartialEventContext>

# Inherited from

ShadowOptions.shadowOffsetX

# Defined in

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

# shadowOffsetY

• Optional shadowOffsetY: Scriptable<number, PartialEventContext>

# Inherited from

ShadowOptions.shadowOffsetY

# Defined in

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

# textAlign

• Optional textAlign: Scriptable<LabelTextAlign, PartialEventContext>

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

Default

'center'

# Inherited from

ContainedLabelOptions.textAlign

# Defined in

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

# textStrokeColor

• Optional textStrokeColor: Scriptable<Color, PartialEventContext>

# Inherited from

ContainedLabelOptions.textStrokeColor

# Defined in

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

# textStrokeWidth

• Optional textStrokeWidth: Scriptable<number, PartialEventContext>

# Inherited from

ContainedLabelOptions.textStrokeWidth

# Defined in

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

# width

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

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

# Inherited from

ContainedLabelOptions.width

# Defined in

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

# xAdjust

• Optional xAdjust: Scriptable<number, PartialEventContext>

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

# Interface: LabelOptions

# Hierarchy

# Properties

# backgroundColor

• Optional backgroundColor: Scriptable<Color, PartialEventContext>

# Inherited from

ContainedLabelOptions.backgroundColor

# Defined in

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

# backgroundShadowColor

• Optional backgroundShadowColor: Scriptable<Color, PartialEventContext>

# Inherited from

ShadowOptions.backgroundShadowColor

# Defined in

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

# borderCapStyle

• Optional borderCapStyle: Scriptable<CanvasLineCap, PartialEventContext>

Border line cap style. See MDN.

Default

'butt'

# Inherited from

ContainedLabelOptions.borderCapStyle

# Defined in

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

# borderColor

• Optional borderColor: Scriptable<Color, PartialEventContext>

# Inherited from

ContainedLabelOptions.borderColor

# Defined in

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

# borderDash

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

Border line dash. See MDN.

Default

[]

# Inherited from

ContainedLabelOptions.borderDash

# Defined in

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

# borderDashOffset

• Optional borderDashOffset: Scriptable<number, PartialEventContext>

Border line dash offset. See MDN.

Default

0.0

# Inherited from

ContainedLabelOptions.borderDashOffset

# Defined in

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

# borderJoinStyle

• Optional borderJoinStyle: Scriptable<CanvasLineJoin, PartialEventContext>

Border line join style. See MDN.

Default

'miter'

# Inherited from

ContainedLabelOptions.borderJoinStyle

# Defined in

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

# borderRadius

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

Border radius of the label rectangle

Default

6

# Inherited from

ContainedLabelOptions.borderRadius

# Defined in

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

# borderShadowColor

• Optional borderShadowColor: Scriptable<Color, PartialEventContext>

# Inherited from

ShadowOptions.borderShadowColor

# Defined in

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

# borderWidth

• Optional borderWidth: Scriptable<number, PartialEventContext>

# Inherited from

ContainedLabelOptions.borderWidth

# Defined in

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

# callout

• Optional callout: CalloutOptions

# Inherited from

ContainedLabelOptions.callout

# Defined in

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

# color

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

# Inherited from

ContainedLabelOptions.color

# Defined in

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

# content

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

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

# Inherited from

ContainedLabelOptions.content

# Defined in

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

# display

• Optional display: Scriptable<boolean, PartialEventContext>

Whether the label should be displayed

Default

true

# Defined in

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

# drawTime

• Optional drawTime: Scriptable<DrawTime, PartialEventContext>

# Inherited from

ContainedLabelOptions.drawTime

# Defined in

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

# font

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

# Inherited from

ContainedLabelOptions.font

# Defined in

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

# height

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

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

# Inherited from

ContainedLabelOptions.height

# Defined in

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

# hitTolerance

• Optional hitTolerance: Scriptable<number, PartialEventContext>

# Defined in

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

# opacity

• Optional opacity: Scriptable<number, PartialEventContext>

Overrides the opacity of the image.

# Inherited from

ContainedLabelOptions.opacity

# Defined in

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

# padding

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

Padding of label

Default

6

# Inherited from

ContainedLabelOptions.padding

# Defined in

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

# position

• Optional position: Scriptable<LabelPosition, PartialEventContext>

# Defined in

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

# rotation

• Optional rotation: Scriptable<number | "auto", PartialEventContext>

Rotation of label, in degrees, or 'auto' to use the degrees of the line, default is 0

Default

90

# Defined in

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

# shadowBlur

• Optional shadowBlur: Scriptable<number, PartialEventContext>

# Inherited from

ShadowOptions.shadowBlur

# Defined in

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

# shadowOffsetX

• Optional shadowOffsetX: Scriptable<number, PartialEventContext>

# Inherited from

ShadowOptions.shadowOffsetX

# Defined in

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

# shadowOffsetY

• Optional shadowOffsetY: Scriptable<number, PartialEventContext>

# Inherited from

ShadowOptions.shadowOffsetY

# Defined in

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

# textAlign

• Optional textAlign: Scriptable<LabelTextAlign, PartialEventContext>

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

Default

'center'

# Inherited from

ContainedLabelOptions.textAlign

# Defined in

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

# textStrokeColor

• Optional textStrokeColor: Scriptable<Color, PartialEventContext>

# Inherited from

ContainedLabelOptions.textStrokeColor

# Defined in

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

# textStrokeWidth

• Optional textStrokeWidth: Scriptable<number, PartialEventContext>

# Inherited from

ContainedLabelOptions.textStrokeWidth

# Defined in

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

# width

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

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

# Inherited from

ContainedLabelOptions.width

# Defined in

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

# xAdjust

• Optional xAdjust: Scriptable<number, PartialEventContext>

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

Default

0

# Inherited from

ContainedLabelOptions.xAdjust

# Defined in

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

# yAdjust

• Optional yAdjust: Scriptable<number, PartialEventContext>

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

Default

0

# Inherited from

ContainedLabelOptions.xAdjust

# Defined in

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

# yAdjust

• Optional yAdjust: Scriptable<number, PartialEventContext>

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

Default

0

# Inherited from

ContainedLabelOptions.yAdjust

# Defined in

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

# z

• Optional z: Scriptable<number, PartialEventContext>

# Inherited from

ContainedLabelOptions.z

# Defined in

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

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

Default

0

# Inherited from

ContainedLabelOptions.yAdjust

# Defined in

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

# z

• Optional z: Scriptable<number, PartialEventContext>

# Inherited from

ContainedLabelOptions.z

# Defined in

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

← →

- + diff --git a/master/api/interfaces/LabelPadding.html b/master/api/interfaces/LabelPadding.html index 255b74c32..d44b4d82b 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 5c9d00536..53bcce00b 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 8d4df10be..8e0e6d07b 100644 --- a/master/api/interfaces/LabelTypeOptions.html +++ b/master/api/interfaces/LabelTypeOptions.html @@ -7,7 +7,7 @@ - + @@ -31,13 +31,13 @@ Samples GitHub - (opens new window)

# Interface: LabelTypeOptions

# Hierarchy

# Properties

# backgroundColor

• Optional backgroundColor: Scriptable<Color, PartialEventContext>

# Inherited from

ContainedLabelOptions.backgroundColor

# Defined in

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

# borderCapStyle

• Optional borderCapStyle: Scriptable<CanvasLineCap, PartialEventContext>

Border line cap style. See MDN.

Default

'butt'

# Inherited from

ContainedLabelOptions.borderCapStyle

# Defined in

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

# borderColor

• Optional borderColor: Scriptable<Color, PartialEventContext>

# Inherited from

ContainedLabelOptions.borderColor

# Defined in

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

# borderDash

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

Border line dash. See MDN.

Default

[]

# Inherited from

ContainedLabelOptions.borderDash

# Defined in

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

# borderDashOffset

• Optional borderDashOffset: Scriptable<number, PartialEventContext>

Border line dash offset. See MDN.

Default

0.0

# Inherited from

ContainedLabelOptions.borderDashOffset

# Defined in

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

# borderJoinStyle

• Optional borderJoinStyle: Scriptable<CanvasLineJoin, PartialEventContext>

Border line join style. See MDN.

Default

'miter'

# Inherited from

ContainedLabelOptions.borderJoinStyle

# Defined in

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

# borderRadius

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

Border radius of the label rectangle

Default

6

# Inherited from

ContainedLabelOptions.borderRadius

# Defined in

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

# borderWidth

• Optional borderWidth: Scriptable<number, PartialEventContext>

# Inherited from

ContainedLabelOptions.borderWidth

# Defined in

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

# callout

• Optional callout: CalloutOptions

# Inherited from

ContainedLabelOptions.callout

# Defined in

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

# color

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

# Inherited from

ContainedLabelOptions.color

# Defined in

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

# content

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

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

# Inherited from

ContainedLabelOptions.content

# Defined in

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

# drawTime

• Optional drawTime: Scriptable<DrawTime, PartialEventContext>

# Inherited from

ContainedLabelOptions.drawTime

# Defined in

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

# font

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

# Inherited from

ContainedLabelOptions.font

# Defined in

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

# height

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

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

# Inherited from

ContainedLabelOptions.height

# Defined in

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

# opacity

• Optional opacity: Scriptable<number, PartialEventContext>

Overrides the opacity of the image.

# Inherited from

ContainedLabelOptions.opacity

# Defined in

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

# padding

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

Padding of label

Default

6

# Inherited from

ContainedLabelOptions.padding

# Defined in

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

# position

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

# Defined in

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

# textAlign

• Optional textAlign: Scriptable<LabelTextAlign, PartialEventContext>

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

Default

'center'

# Inherited from

ContainedLabelOptions.textAlign

# Defined in

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

# textStrokeColor

• Optional textStrokeColor: Scriptable<Color, PartialEventContext>

# Inherited from

ContainedLabelOptions.textStrokeColor

# Defined in

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

# textStrokeWidth

• Optional textStrokeWidth: Scriptable<number, PartialEventContext>

# Inherited from

ContainedLabelOptions.textStrokeWidth

# Defined in

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

# width

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

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

# Inherited from

ContainedLabelOptions.width

# Defined in

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

# xAdjust

• Optional xAdjust: Scriptable<number, PartialEventContext>

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

# Interface: LabelTypeOptions

# Hierarchy

# Properties

# backgroundColor

• Optional backgroundColor: Scriptable<Color, PartialEventContext>

# Inherited from

ContainedLabelOptions.backgroundColor

# Defined in

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

# borderCapStyle

• Optional borderCapStyle: Scriptable<CanvasLineCap, PartialEventContext>

Border line cap style. See MDN.

Default

'butt'

# Inherited from

ContainedLabelOptions.borderCapStyle

# Defined in

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

# borderColor

• Optional borderColor: Scriptable<Color, PartialEventContext>

# Inherited from

ContainedLabelOptions.borderColor

# Defined in

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

# borderDash

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

Border line dash. See MDN.

Default

[]

# Inherited from

ContainedLabelOptions.borderDash

# Defined in

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

# borderDashOffset

• Optional borderDashOffset: Scriptable<number, PartialEventContext>

Border line dash offset. See MDN.

Default

0.0

# Inherited from

ContainedLabelOptions.borderDashOffset

# Defined in

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

# borderJoinStyle

• Optional borderJoinStyle: Scriptable<CanvasLineJoin, PartialEventContext>

Border line join style. See MDN.

Default

'miter'

# Inherited from

ContainedLabelOptions.borderJoinStyle

# Defined in

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

# borderRadius

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

Border radius of the label rectangle

Default

6

# Inherited from

ContainedLabelOptions.borderRadius

# Defined in

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

# borderWidth

• Optional borderWidth: Scriptable<number, PartialEventContext>

# Inherited from

ContainedLabelOptions.borderWidth

# Defined in

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

# callout

• Optional callout: CalloutOptions

# Inherited from

ContainedLabelOptions.callout

# Defined in

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

# color

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

# Inherited from

ContainedLabelOptions.color

# Defined in

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

# content

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

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

# Inherited from

ContainedLabelOptions.content

# Defined in

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

# drawTime

• Optional drawTime: Scriptable<DrawTime, PartialEventContext>

# Inherited from

ContainedLabelOptions.drawTime

# Defined in

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

# font

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

# Inherited from

ContainedLabelOptions.font

# Defined in

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

# height

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

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

# Inherited from

ContainedLabelOptions.height

# Defined in

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

# opacity

• Optional opacity: Scriptable<number, PartialEventContext>

Overrides the opacity of the image.

# Inherited from

ContainedLabelOptions.opacity

# Defined in

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

# padding

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

Padding of label

Default

6

# Inherited from

ContainedLabelOptions.padding

# Defined in

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

# position

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

# Defined in

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

# textAlign

• Optional textAlign: Scriptable<LabelTextAlign, PartialEventContext>

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

Default

'center'

# Inherited from

ContainedLabelOptions.textAlign

# Defined in

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

# textStrokeColor

• Optional textStrokeColor: Scriptable<Color, PartialEventContext>

# Inherited from

ContainedLabelOptions.textStrokeColor

# Defined in

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

# textStrokeWidth

• Optional textStrokeWidth: Scriptable<number, PartialEventContext>

# Inherited from

ContainedLabelOptions.textStrokeWidth

# Defined in

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

# width

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

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

# Inherited from

ContainedLabelOptions.width

# Defined in

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

# xAdjust

• Optional xAdjust: Scriptable<number, PartialEventContext>

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

Default

0

# Inherited from

ContainedLabelOptions.xAdjust

# Defined in

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

# yAdjust

• Optional yAdjust: Scriptable<number, PartialEventContext>

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

Default

0

# Inherited from

ContainedLabelOptions.xAdjust

# Defined in

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

# yAdjust

• Optional yAdjust: Scriptable<number, PartialEventContext>

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

Default

0

# Inherited from

ContainedLabelOptions.yAdjust

# Defined in

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

# z

• Optional z: Scriptable<number, PartialEventContext>

# Inherited from

ContainedLabelOptions.z

# Defined in

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

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

Default

0

# Inherited from

ContainedLabelOptions.yAdjust

# Defined in

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

# z

• Optional z: Scriptable<number, PartialEventContext>

# Inherited from

ContainedLabelOptions.z

# Defined in

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

← →

- + diff --git a/master/api/interfaces/LineAnnotationOptions.html b/master/api/interfaces/LineAnnotationOptions.html index 6b5a12201..a87bdaf3e 100644 --- a/master/api/interfaces/LineAnnotationOptions.html +++ b/master/api/interfaces/LineAnnotationOptions.html @@ -7,7 +7,7 @@ - + @@ -31,7 +31,7 @@ Samples GitHub - (opens new window)

# Interface: LineAnnotationOptions

# Hierarchy

# Properties

# adjustScaleRange

• Optional adjustScaleRange: Scriptable<boolean, PartialEventContext>

# Inherited from

CoreAnnotationOptions.adjustScaleRange

# Defined in

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

# arrowHeads

• Optional arrowHeads: ArrowHeadsOptions

# Defined in

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

# backgroundShadowColor

• Optional backgroundShadowColor: Scriptable<Color, PartialEventContext>

# Inherited from

CoreAnnotationOptions.backgroundShadowColor

# Defined in

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

# borderColor

• Optional borderColor: Scriptable<Color, PartialEventContext>

# Inherited from

CoreAnnotationOptions.borderColor

# Defined in

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

# borderDash

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

# Inherited from

CoreAnnotationOptions.borderDash

# Defined in

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

# borderDashOffset

• Optional borderDashOffset: Scriptable<number, PartialEventContext>

# Inherited from

CoreAnnotationOptions.borderDashOffset

# Defined in

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

# borderShadowColor

• Optional borderShadowColor: Scriptable<Color, PartialEventContext>

# Inherited from

CoreAnnotationOptions.borderShadowColor

# Defined in

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

# borderWidth

• Optional borderWidth: Scriptable<number, PartialEventContext>

# Inherited from

CoreAnnotationOptions.borderWidth

# Defined in

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

# controlPoint

• Optional controlPoint: Scriptable<string | number | ControlPointOptions, PartialEventContext>

# Defined in

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

# curve

• Optional curve: Scriptable<boolean, PartialEventContext>

# Defined in

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

# display

• Optional display: Scriptable<boolean, PartialEventContext>

# Inherited from

CoreAnnotationOptions.display

# Defined in

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

# drawTime

• Optional drawTime: Scriptable<DrawTime, PartialEventContext>

# Inherited from

CoreAnnotationOptions.drawTime

# Defined in

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

# endValue

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

# Defined in

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

# hitTolerance

• Optional hitTolerance: Scriptable<number, PartialEventContext>

# Inherited from

CoreAnnotationOptions.hitTolerance

# Defined in

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

# id

• Optional id: string

# Inherited from

CoreAnnotationOptions.id

# Defined in

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

# init

• Optional init: boolean | (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:46 (opens new window)

# label

• Optional label: LabelOptions

# Defined in

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

# scaleID

• Optional scaleID: Scriptable<string, PartialEventContext>

# Defined in

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

# shadowBlur

• Optional shadowBlur: Scriptable<number, PartialEventContext>

# Inherited from

CoreAnnotationOptions.shadowBlur

# Defined in

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

# shadowOffsetX

• Optional shadowOffsetX: Scriptable<number, PartialEventContext>

# Inherited from

CoreAnnotationOptions.shadowOffsetX

# Defined in

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

# shadowOffsetY

• Optional shadowOffsetY: Scriptable<number, PartialEventContext>

# Inherited from

CoreAnnotationOptions.shadowOffsetY

# Defined in

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

# value

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

# Defined in

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

# xMax

• Optional xMax: Scriptable<ScaleValue, PartialEventContext>

# Inherited from

CoreAnnotationOptions.xMax

# Defined in

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

# xMin

• Optional xMin: Scriptable<ScaleValue, PartialEventContext>

# Inherited from

CoreAnnotationOptions.xMin

# Defined in

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

# xScaleID

• Optional xScaleID: Scriptable<string, PartialEventContext>

# Inherited from

CoreAnnotationOptions.xScaleID

# Defined in

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

# yMax

• Optional yMax: Scriptable<ScaleValue, PartialEventContext>

# Inherited from

CoreAnnotationOptions.yMax

# Defined in

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

# yMin

• Optional yMin: Scriptable<ScaleValue, PartialEventContext>

# Inherited from

CoreAnnotationOptions.yMin

# Defined in

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

# yScaleID

• Optional yScaleID: Scriptable<string, PartialEventContext>

# Inherited from

CoreAnnotationOptions.yScaleID

# Defined in

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

# z

• Optional z: Scriptable<number, PartialEventContext>

# Inherited from

CoreAnnotationOptions.z

# Defined in

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

# Methods

# afterDraw

▸ Optional afterDraw(context): void

# Parameters

Name Type
context EventContext

# Returns

void

# Inherited from

CoreAnnotationOptions.afterDraw

# Defined in

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

# beforeDraw

▸ Optional beforeDraw(context): void

# Parameters

Name Type
context EventContext

# Returns

void

# Inherited from

CoreAnnotationOptions.beforeDraw

# Defined in

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

# click

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

# Parameters

Name Type
context EventContext
event ChartEvent

# Returns

boolean | void

# Inherited from

CoreAnnotationOptions.click

# Defined in

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

# enter

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

# Parameters

Name Type
context EventContext
event ChartEvent

# Returns

boolean | void

# Inherited from

CoreAnnotationOptions.enter

# Defined in

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

# leave

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

# Parameters

Name Type
context EventContext
event ChartEvent

# Returns

boolean | void

# Inherited from

CoreAnnotationOptions.leave

# Defined in

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

+ (opens new window)

# Interface: LineAnnotationOptions

# Hierarchy

# Properties

# adjustScaleRange

• Optional adjustScaleRange: Scriptable<boolean, PartialEventContext>

# Inherited from

CoreAnnotationOptions.adjustScaleRange

# Defined in

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

# arrowHeads

• Optional arrowHeads: ArrowHeadsOptions

# Defined in

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

# backgroundShadowColor

• Optional backgroundShadowColor: Scriptable<Color, PartialEventContext>

# Inherited from

CoreAnnotationOptions.backgroundShadowColor

# Defined in

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

# borderColor

• Optional borderColor: Scriptable<Color, PartialEventContext>

# Inherited from

CoreAnnotationOptions.borderColor

# Defined in

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

# borderDash

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

# Inherited from

CoreAnnotationOptions.borderDash

# Defined in

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

# borderDashOffset

• Optional borderDashOffset: Scriptable<number, PartialEventContext>

# Inherited from

CoreAnnotationOptions.borderDashOffset

# Defined in

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

# borderShadowColor

• Optional borderShadowColor: Scriptable<Color, PartialEventContext>

# Inherited from

CoreAnnotationOptions.borderShadowColor

# Defined in

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

# borderWidth

• Optional borderWidth: Scriptable<number, PartialEventContext>

# Inherited from

CoreAnnotationOptions.borderWidth

# Defined in

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

# controlPoint

• Optional controlPoint: Scriptable<string | number | ControlPointOptions, PartialEventContext>

# Defined in

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

# curve

• Optional curve: Scriptable<boolean, PartialEventContext>

# Defined in

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

# display

• Optional display: Scriptable<boolean, PartialEventContext>

# Inherited from

CoreAnnotationOptions.display

# Defined in

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

# drawTime

• Optional drawTime: Scriptable<DrawTime, PartialEventContext>

# Inherited from

CoreAnnotationOptions.drawTime

# Defined in

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

# endValue

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

# Defined in

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

# hitTolerance

• Optional hitTolerance: Scriptable<number, PartialEventContext>

# Inherited from

CoreAnnotationOptions.hitTolerance

# Defined in

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

# id

• Optional id: string

# Inherited from

CoreAnnotationOptions.id

# Defined in

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

# init

• Optional init: boolean | (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:46 (opens new window)

# label

• Optional label: LabelOptions

# Defined in

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

# scaleID

• Optional scaleID: Scriptable<string, PartialEventContext>

# Defined in

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

# shadowBlur

• Optional shadowBlur: Scriptable<number, PartialEventContext>

# Inherited from

CoreAnnotationOptions.shadowBlur

# Defined in

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

# shadowOffsetX

• Optional shadowOffsetX: Scriptable<number, PartialEventContext>

# Inherited from

CoreAnnotationOptions.shadowOffsetX

# Defined in

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

# shadowOffsetY

• Optional shadowOffsetY: Scriptable<number, PartialEventContext>

# Inherited from

CoreAnnotationOptions.shadowOffsetY

# Defined in

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

# value

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

# Defined in

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

# xMax

• Optional xMax: Scriptable<ScaleValue, PartialEventContext>

# Inherited from

CoreAnnotationOptions.xMax

# Defined in

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

# xMin

• Optional xMin: Scriptable<ScaleValue, PartialEventContext>

# Inherited from

CoreAnnotationOptions.xMin

# Defined in

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

# xScaleID

• Optional xScaleID: Scriptable<string, PartialEventContext>

# Inherited from

CoreAnnotationOptions.xScaleID

# Defined in

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

# yMax

• Optional yMax: Scriptable<ScaleValue, PartialEventContext>

# Inherited from

CoreAnnotationOptions.yMax

# Defined in

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

# yMin

• Optional yMin: Scriptable<ScaleValue, PartialEventContext>

# Inherited from

CoreAnnotationOptions.yMin

# Defined in

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

# yScaleID

• Optional yScaleID: Scriptable<string, PartialEventContext>

# Inherited from

CoreAnnotationOptions.yScaleID

# Defined in

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

# z

• Optional z: Scriptable<number, PartialEventContext>

# Inherited from

CoreAnnotationOptions.z

# Defined in

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

# Methods

# afterDraw

▸ Optional afterDraw(context): void

# Parameters

Name Type
context EventContext

# Returns

void

# Inherited from

CoreAnnotationOptions.afterDraw

# Defined in

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

# beforeDraw

▸ Optional beforeDraw(context): void

# Parameters

Name Type
context EventContext

# Returns

void

# Inherited from

CoreAnnotationOptions.beforeDraw

# Defined in

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

# click

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

# Parameters

Name Type
context EventContext
event ChartEvent

# Returns

boolean | void

# Inherited from

CoreAnnotationOptions.click

# Defined in

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

# enter

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

# Parameters

Name Type
context EventContext
event ChartEvent

# Returns

boolean | void

# Inherited from

CoreAnnotationOptions.enter

# Defined in

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

# leave

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

# Parameters

Name Type
context EventContext
event ChartEvent

# Returns

boolean | void

# Inherited from

CoreAnnotationOptions.leave

# Defined in

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

← →

- + diff --git a/master/api/interfaces/PartialEventContext.html b/master/api/interfaces/PartialEventContext.html index 584ee0da7..a2d1d5744 100644 --- a/master/api/interfaces/PartialEventContext.html +++ b/master/api/interfaces/PartialEventContext.html @@ -7,7 +7,7 @@ - + @@ -32,7 +32,7 @@ GitHub (opens new window)

# Interface: PartialEventContext

Some scriptable options may be called with during the chart's initial -display, when the element isn't fully initialized.

# Properties

# chart

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

# Defined in

events.d.ts:17 (opens new window)

# element

• Optional element: Partial<AnnotationElement>

# Defined in

events.d.ts:18 (opens new window)

# elements

• Optional elements: AnnotationElement[]

# Defined in

events.d.ts:19 (opens new window)

# id

• Optional id: string

# Defined in

events.d.ts:20 (opens new window)

# type

• Optional type: string

# Defined in

events.d.ts:21 (opens new window)

+display, when the element isn't fully initialized.

# Properties

# chart

• chart: Chart<keyof ChartTypeRegistry, (number | [number, number] | Point | BubbleDataPoint)[], unknown>

# Defined in

events.d.ts:17 (opens new window)

# element

• Optional element: Partial<AnnotationElement>

# Defined in

events.d.ts:18 (opens new window)

# elements

• Optional elements: AnnotationElement[]

# Defined in

events.d.ts:19 (opens new window)

# id

• Optional id: string

# Defined in

events.d.ts:20 (opens new window)

# type

• Optional type: string

# Defined in

events.d.ts:21 (opens new window)

← →

- + diff --git a/master/api/interfaces/PointAnnotationOptions.html b/master/api/interfaces/PointAnnotationOptions.html index 51f486c3c..acae339af 100644 --- a/master/api/interfaces/PointAnnotationOptions.html +++ b/master/api/interfaces/PointAnnotationOptions.html @@ -7,7 +7,7 @@ - + @@ -31,7 +31,7 @@ Samples GitHub - (opens new window)

# Interface: PointAnnotationOptions

# Hierarchy

# Properties

# adjustScaleRange

• Optional adjustScaleRange: Scriptable<boolean, PartialEventContext>

# Inherited from

CoreAnnotationOptions.adjustScaleRange

# Defined in

options.d.ts:38 (opens new window)

# backgroundColor

• backgroundColor: Scriptable<Color, PartialEventContext>

# Defined in

options.d.ts:128 (opens new window)

# backgroundShadowColor

• Optional backgroundShadowColor: Scriptable<Color, PartialEventContext>

# Inherited from

CoreAnnotationOptions.backgroundShadowColor

# Defined in

options.d.ts:30 (opens new window)

# borderColor

• Optional borderColor: Scriptable<Color, PartialEventContext>

# Inherited from

CoreAnnotationOptions.borderColor

# Defined in

options.d.ts:39 (opens new window)

# borderDash

• Optional borderDash: Scriptable<number[], PartialEventContext>

# Inherited from

CoreAnnotationOptions.borderDash

# Defined in

options.d.ts:40 (opens new window)

# borderDashOffset

• Optional borderDashOffset: Scriptable<number, PartialEventContext>

# Inherited from

CoreAnnotationOptions.borderDashOffset

# Defined in

options.d.ts:41 (opens new window)

# borderShadowColor

• Optional borderShadowColor: Scriptable<Color, PartialEventContext>

# Inherited from

CoreAnnotationOptions.borderShadowColor

# Defined in

options.d.ts:31 (opens new window)

# borderWidth

• Optional borderWidth: Scriptable<number, PartialEventContext>

# Inherited from

CoreAnnotationOptions.borderWidth

# Defined in

options.d.ts:42 (opens new window)

# display

• Optional display: Scriptable<boolean, PartialEventContext>

# Inherited from

CoreAnnotationOptions.display

# Defined in

options.d.ts:43 (opens new window)

# drawTime

• Optional drawTime: Scriptable<DrawTime, PartialEventContext>

# Inherited from

CoreAnnotationOptions.drawTime

# Defined in

options.d.ts:44 (opens new window)

# hitTolerance

• Optional hitTolerance: Scriptable<number, PartialEventContext>

# Inherited from

CoreAnnotationOptions.hitTolerance

# Defined in

options.d.ts:45 (opens new window)

# id

• Optional id: string

# Inherited from

CoreAnnotationOptions.id

# Defined in

options.d.ts:47 (opens new window)

# init

• Optional init: boolean | (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:46 (opens new window)

# pointStyle

• Optional pointStyle: Scriptable<PointStyle, PartialEventContext>

# Defined in

options.d.ts:129 (opens new window)

# radius

• Optional radius: Scriptable<number, PartialEventContext>

# Defined in

options.d.ts:130 (opens new window)

# rotation

• Optional rotation: Scriptable<number, PartialEventContext>

# Defined in

options.d.ts:131 (opens new window)

# shadowBlur

• Optional shadowBlur: Scriptable<number, PartialEventContext>

# Inherited from

CoreAnnotationOptions.shadowBlur

# Defined in

options.d.ts:32 (opens new window)

# shadowOffsetX

• Optional shadowOffsetX: Scriptable<number, PartialEventContext>

# Inherited from

CoreAnnotationOptions.shadowOffsetX

# Defined in

options.d.ts:33 (opens new window)

# shadowOffsetY

• Optional shadowOffsetY: Scriptable<number, PartialEventContext>

# Inherited from

CoreAnnotationOptions.shadowOffsetY

# Defined in

options.d.ts:34 (opens new window)

# xAdjust

• Optional xAdjust: Scriptable<number, PartialEventContext>

# Defined in

options.d.ts:132 (opens new window)

# xMax

• Optional xMax: Scriptable<ScaleValue, PartialEventContext>

# Inherited from

CoreAnnotationOptions.xMax

# Defined in

options.d.ts:48 (opens new window)

# xMin

• Optional xMin: Scriptable<ScaleValue, PartialEventContext>

# Inherited from

CoreAnnotationOptions.xMin

# Defined in

options.d.ts:49 (opens new window)

# xScaleID

• Optional xScaleID: Scriptable<string, PartialEventContext>

# Inherited from

CoreAnnotationOptions.xScaleID

# Defined in

options.d.ts:50 (opens new window)

# xValue

• Optional xValue: Scriptable<ScaleValue, PartialEventContext>

# Inherited from

AnnotationPointCoordinates.xValue

# Defined in

options.d.ts:58 (opens new window)

# yAdjust

• Optional yAdjust: Scriptable<number, PartialEventContext>

# Defined in

options.d.ts:133 (opens new window)

# yMax

• Optional yMax: Scriptable<ScaleValue, PartialEventContext>

# Inherited from

CoreAnnotationOptions.yMax

# Defined in

options.d.ts:51 (opens new window)

# yMin

• Optional yMin: Scriptable<ScaleValue, PartialEventContext>

# Inherited from

CoreAnnotationOptions.yMin

# Defined in

options.d.ts:52 (opens new window)

# yScaleID

• Optional yScaleID: Scriptable<string, PartialEventContext>

# Inherited from

CoreAnnotationOptions.yScaleID

# Defined in

options.d.ts:53 (opens new window)

# yValue

• Optional yValue: Scriptable<ScaleValue, PartialEventContext>

# Inherited from

AnnotationPointCoordinates.yValue

# Defined in

options.d.ts:59 (opens new window)

# z

• Optional z: Scriptable<number, PartialEventContext>

# Inherited from

CoreAnnotationOptions.z

# Defined in

options.d.ts:54 (opens new window)

# Methods

# afterDraw

▸ Optional afterDraw(context): void

# Parameters

Name Type
context EventContext

# Returns

void

# Inherited from

CoreAnnotationOptions.afterDraw

# Defined in

options.d.ts:23 (opens new window)

# beforeDraw

▸ Optional beforeDraw(context): void

# Parameters

Name Type
context EventContext

# Returns

void

# Inherited from

CoreAnnotationOptions.beforeDraw

# Defined in

options.d.ts:22 (opens new window)

# click

▸ Optional click(context, event): boolean | void

# Parameters

Name Type
context EventContext
event ChartEvent

# Returns

boolean | void

# Inherited from

CoreAnnotationOptions.click

# Defined in

events.d.ts:27 (opens new window)

# enter

▸ Optional enter(context, event): boolean | void

# Parameters

Name Type
context EventContext
event ChartEvent

# Returns

boolean | void

# Inherited from

CoreAnnotationOptions.enter

# Defined in

events.d.ts:25 (opens new window)

# leave

▸ Optional leave(context, event): boolean | void

# Parameters

Name Type
context EventContext
event ChartEvent

# Returns

boolean | void

# Inherited from

CoreAnnotationOptions.leave

# Defined in

events.d.ts:26 (opens new window)

+ (opens new window)

# Interface: PointAnnotationOptions

# Hierarchy

# Properties

# adjustScaleRange

• Optional adjustScaleRange: Scriptable<boolean, PartialEventContext>

# Inherited from

CoreAnnotationOptions.adjustScaleRange

# Defined in

options.d.ts:38 (opens new window)

# backgroundColor

• backgroundColor: Scriptable<Color, PartialEventContext>

# Defined in

options.d.ts:128 (opens new window)

# backgroundShadowColor

• Optional backgroundShadowColor: Scriptable<Color, PartialEventContext>

# Inherited from

CoreAnnotationOptions.backgroundShadowColor

# Defined in

options.d.ts:30 (opens new window)

# borderColor

• Optional borderColor: Scriptable<Color, PartialEventContext>

# Inherited from

CoreAnnotationOptions.borderColor

# Defined in

options.d.ts:39 (opens new window)

# borderDash

• Optional borderDash: Scriptable<number[], PartialEventContext>

# Inherited from

CoreAnnotationOptions.borderDash

# Defined in

options.d.ts:40 (opens new window)

# borderDashOffset

• Optional borderDashOffset: Scriptable<number, PartialEventContext>

# Inherited from

CoreAnnotationOptions.borderDashOffset

# Defined in

options.d.ts:41 (opens new window)

# borderShadowColor

• Optional borderShadowColor: Scriptable<Color, PartialEventContext>

# Inherited from

CoreAnnotationOptions.borderShadowColor

# Defined in

options.d.ts:31 (opens new window)

# borderWidth

• Optional borderWidth: Scriptable<number, PartialEventContext>

# Inherited from

CoreAnnotationOptions.borderWidth

# Defined in

options.d.ts:42 (opens new window)

# display

• Optional display: Scriptable<boolean, PartialEventContext>

# Inherited from

CoreAnnotationOptions.display

# Defined in

options.d.ts:43 (opens new window)

# drawTime

• Optional drawTime: Scriptable<DrawTime, PartialEventContext>

# Inherited from

CoreAnnotationOptions.drawTime

# Defined in

options.d.ts:44 (opens new window)

# hitTolerance

• Optional hitTolerance: Scriptable<number, PartialEventContext>

# Inherited from

CoreAnnotationOptions.hitTolerance

# Defined in

options.d.ts:45 (opens new window)

# id

• Optional id: string

# Inherited from

CoreAnnotationOptions.id

# Defined in

options.d.ts:47 (opens new window)

# init

• Optional init: boolean | (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:46 (opens new window)

# pointStyle

• Optional pointStyle: Scriptable<PointStyle, PartialEventContext>

# Defined in

options.d.ts:129 (opens new window)

# radius

• Optional radius: Scriptable<number, PartialEventContext>

# Defined in

options.d.ts:130 (opens new window)

# rotation

• Optional rotation: Scriptable<number, PartialEventContext>

# Defined in

options.d.ts:131 (opens new window)

# shadowBlur

• Optional shadowBlur: Scriptable<number, PartialEventContext>

# Inherited from

CoreAnnotationOptions.shadowBlur

# Defined in

options.d.ts:32 (opens new window)

# shadowOffsetX

• Optional shadowOffsetX: Scriptable<number, PartialEventContext>

# Inherited from

CoreAnnotationOptions.shadowOffsetX

# Defined in

options.d.ts:33 (opens new window)

# shadowOffsetY

• Optional shadowOffsetY: Scriptable<number, PartialEventContext>

# Inherited from

CoreAnnotationOptions.shadowOffsetY

# Defined in

options.d.ts:34 (opens new window)

# xAdjust

• Optional xAdjust: Scriptable<number, PartialEventContext>

# Defined in

options.d.ts:132 (opens new window)

# xMax

• Optional xMax: Scriptable<ScaleValue, PartialEventContext>

# Inherited from

CoreAnnotationOptions.xMax

# Defined in

options.d.ts:48 (opens new window)

# xMin

• Optional xMin: Scriptable<ScaleValue, PartialEventContext>

# Inherited from

CoreAnnotationOptions.xMin

# Defined in

options.d.ts:49 (opens new window)

# xScaleID

• Optional xScaleID: Scriptable<string, PartialEventContext>

# Inherited from

CoreAnnotationOptions.xScaleID

# Defined in

options.d.ts:50 (opens new window)

# xValue

• Optional xValue: Scriptable<ScaleValue, PartialEventContext>

# Inherited from

AnnotationPointCoordinates.xValue

# Defined in

options.d.ts:58 (opens new window)

# yAdjust

• Optional yAdjust: Scriptable<number, PartialEventContext>

# Defined in

options.d.ts:133 (opens new window)

# yMax

• Optional yMax: Scriptable<ScaleValue, PartialEventContext>

# Inherited from

CoreAnnotationOptions.yMax

# Defined in

options.d.ts:51 (opens new window)

# yMin

• Optional yMin: Scriptable<ScaleValue, PartialEventContext>

# Inherited from

CoreAnnotationOptions.yMin

# Defined in

options.d.ts:52 (opens new window)

# yScaleID

• Optional yScaleID: Scriptable<string, PartialEventContext>

# Inherited from

CoreAnnotationOptions.yScaleID

# Defined in

options.d.ts:53 (opens new window)

# yValue

• Optional yValue: Scriptable<ScaleValue, PartialEventContext>

# Inherited from

AnnotationPointCoordinates.yValue

# Defined in

options.d.ts:59 (opens new window)

# z

• Optional z: Scriptable<number, PartialEventContext>

# Inherited from

CoreAnnotationOptions.z

# Defined in

options.d.ts:54 (opens new window)

# Methods

# afterDraw

▸ Optional afterDraw(context): void

# Parameters

Name Type
context EventContext

# Returns

void

# Inherited from

CoreAnnotationOptions.afterDraw

# Defined in

options.d.ts:23 (opens new window)

# beforeDraw

▸ Optional beforeDraw(context): void

# Parameters

Name Type
context EventContext

# Returns

void

# Inherited from

CoreAnnotationOptions.beforeDraw

# Defined in

options.d.ts:22 (opens new window)

# click

▸ Optional click(context, event): boolean | void

# Parameters

Name Type
context EventContext
event ChartEvent

# Returns

boolean | void

# Inherited from

CoreAnnotationOptions.click

# Defined in

events.d.ts:27 (opens new window)

# enter

▸ Optional enter(context, event): boolean | void

# Parameters

Name Type
context EventContext
event ChartEvent

# Returns

boolean | void

# Inherited from

CoreAnnotationOptions.enter

# Defined in

events.d.ts:25 (opens new window)

# leave

▸ Optional leave(context, event): boolean | void

# Parameters

Name Type
context EventContext
event ChartEvent

# Returns

boolean | void

# Inherited from

CoreAnnotationOptions.leave

# Defined in

events.d.ts:26 (opens new window)

← →

- + diff --git a/master/api/interfaces/PolygonAnnotationOptions.html b/master/api/interfaces/PolygonAnnotationOptions.html index c8f101ab3..3a8a97469 100644 --- a/master/api/interfaces/PolygonAnnotationOptions.html +++ b/master/api/interfaces/PolygonAnnotationOptions.html @@ -7,7 +7,7 @@ - + @@ -31,7 +31,7 @@ Samples GitHub - (opens new window)

# Interface: PolygonAnnotationOptions

# Hierarchy

# Properties

# adjustScaleRange

• Optional adjustScaleRange: Scriptable<boolean, PartialEventContext>

# Inherited from

CoreAnnotationOptions.adjustScaleRange

# Defined in

options.d.ts:38 (opens new window)

# backgroundColor

• backgroundColor: Scriptable<Color, PartialEventContext>

# Defined in

options.d.ts:141 (opens new window)

# backgroundShadowColor

• Optional backgroundShadowColor: Scriptable<Color, PartialEventContext>

# Inherited from

CoreAnnotationOptions.backgroundShadowColor

# Defined in

options.d.ts:30 (opens new window)

# borderCapStyle

• Optional borderCapStyle: Scriptable<CanvasLineCap, PartialEventContext>

# Defined in

options.d.ts:142 (opens new window)

# borderColor

• Optional borderColor: Scriptable<Color, PartialEventContext>

# Inherited from

CoreAnnotationOptions.borderColor

# Defined in

options.d.ts:39 (opens new window)

# borderDash

• Optional borderDash: Scriptable<number[], PartialEventContext>

# Inherited from

CoreAnnotationOptions.borderDash

# Defined in

options.d.ts:40 (opens new window)

# borderDashOffset

• Optional borderDashOffset: Scriptable<number, PartialEventContext>

# Inherited from

CoreAnnotationOptions.borderDashOffset

# Defined in

options.d.ts:41 (opens new window)

# borderJoinStyle

• Optional borderJoinStyle: Scriptable<CanvasLineJoin, PartialEventContext>

# Defined in

options.d.ts:143 (opens new window)

# borderShadowColor

• Optional borderShadowColor: Scriptable<Color, PartialEventContext>

# Inherited from

CoreAnnotationOptions.borderShadowColor

# Defined in

options.d.ts:31 (opens new window)

# borderWidth

• Optional borderWidth: Scriptable<number, PartialEventContext>

# Inherited from

CoreAnnotationOptions.borderWidth

# Defined in

options.d.ts:42 (opens new window)

# display

• Optional display: Scriptable<boolean, PartialEventContext>

# Inherited from

CoreAnnotationOptions.display

# Defined in

options.d.ts:43 (opens new window)

# drawTime

• Optional drawTime: Scriptable<DrawTime, PartialEventContext>

# Inherited from

CoreAnnotationOptions.drawTime

# Defined in

options.d.ts:44 (opens new window)

# hitTolerance

• Optional hitTolerance: Scriptable<number, PartialEventContext>

# Inherited from

CoreAnnotationOptions.hitTolerance

# Defined in

options.d.ts:45 (opens new window)

# id

• Optional id: string

# Inherited from

CoreAnnotationOptions.id

# Defined in

options.d.ts:47 (opens new window)

# init

• Optional init: boolean | (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:46 (opens new window)

# point

• Optional point: PointAnnotationOptions

# Defined in

options.d.ts:144 (opens new window)

# radius

• Optional radius: Scriptable<number, PartialEventContext>

# Defined in

options.d.ts:145 (opens new window)

# rotation

• Optional rotation: Scriptable<number, PartialEventContext>

# Defined in

options.d.ts:146 (opens new window)

# shadowBlur

• Optional shadowBlur: Scriptable<number, PartialEventContext>

# Inherited from

CoreAnnotationOptions.shadowBlur

# Defined in

options.d.ts:32 (opens new window)

# shadowOffsetX

• Optional shadowOffsetX: Scriptable<number, PartialEventContext>

# Inherited from

CoreAnnotationOptions.shadowOffsetX

# Defined in

options.d.ts:33 (opens new window)

# shadowOffsetY

• Optional shadowOffsetY: Scriptable<number, PartialEventContext>

# Inherited from

CoreAnnotationOptions.shadowOffsetY

# Defined in

options.d.ts:34 (opens new window)

# sides

• Optional sides: Scriptable<number, PartialEventContext>

# Defined in

options.d.ts:147 (opens new window)

# xAdjust

• Optional xAdjust: Scriptable<number, PartialEventContext>

# Defined in

options.d.ts:148 (opens new window)

# xMax

• Optional xMax: Scriptable<ScaleValue, PartialEventContext>

# Inherited from

CoreAnnotationOptions.xMax

# Defined in

options.d.ts:48 (opens new window)

# xMin

• Optional xMin: Scriptable<ScaleValue, PartialEventContext>

# Inherited from

CoreAnnotationOptions.xMin

# Defined in

options.d.ts:49 (opens new window)

# xScaleID

• Optional xScaleID: Scriptable<string, PartialEventContext>

# Inherited from

CoreAnnotationOptions.xScaleID

# Defined in

options.d.ts:50 (opens new window)

# xValue

• Optional xValue: Scriptable<ScaleValue, PartialEventContext>

# Inherited from

AnnotationPointCoordinates.xValue

# Defined in

options.d.ts:58 (opens new window)

# yAdjust

• Optional yAdjust: Scriptable<number, PartialEventContext>

# Defined in

options.d.ts:149 (opens new window)

# yMax

• Optional yMax: Scriptable<ScaleValue, PartialEventContext>

# Inherited from

CoreAnnotationOptions.yMax

# Defined in

options.d.ts:51 (opens new window)

# yMin

• Optional yMin: Scriptable<ScaleValue, PartialEventContext>

# Inherited from

CoreAnnotationOptions.yMin

# Defined in

options.d.ts:52 (opens new window)

# yScaleID

• Optional yScaleID: Scriptable<string, PartialEventContext>

# Inherited from

CoreAnnotationOptions.yScaleID

# Defined in

options.d.ts:53 (opens new window)

# yValue

• Optional yValue: Scriptable<ScaleValue, PartialEventContext>

# Inherited from

AnnotationPointCoordinates.yValue

# Defined in

options.d.ts:59 (opens new window)

# z

• Optional z: Scriptable<number, PartialEventContext>

# Inherited from

CoreAnnotationOptions.z

# Defined in

options.d.ts:54 (opens new window)

# Methods

# afterDraw

▸ Optional afterDraw(context): void

# Parameters

Name Type
context EventContext

# Returns

void

# Inherited from

CoreAnnotationOptions.afterDraw

# Defined in

options.d.ts:23 (opens new window)

# beforeDraw

▸ Optional beforeDraw(context): void

# Parameters

Name Type
context EventContext

# Returns

void

# Inherited from

CoreAnnotationOptions.beforeDraw

# Defined in

options.d.ts:22 (opens new window)

# click

▸ Optional click(context, event): boolean | void

# Parameters

Name Type
context EventContext
event ChartEvent

# Returns

boolean | void

# Inherited from

CoreAnnotationOptions.click

# Defined in

events.d.ts:27 (opens new window)

# enter

▸ Optional enter(context, event): boolean | void

# Parameters

Name Type
context EventContext
event ChartEvent

# Returns

boolean | void

# Inherited from

CoreAnnotationOptions.enter

# Defined in

events.d.ts:25 (opens new window)

# leave

▸ Optional leave(context, event): boolean | void

# Parameters

Name Type
context EventContext
event ChartEvent

# Returns

boolean | void

# Inherited from

CoreAnnotationOptions.leave

# Defined in

events.d.ts:26 (opens new window)

+ (opens new window)

# Interface: PolygonAnnotationOptions

# Hierarchy

# Properties

# adjustScaleRange

• Optional adjustScaleRange: Scriptable<boolean, PartialEventContext>

# Inherited from

CoreAnnotationOptions.adjustScaleRange

# Defined in

options.d.ts:38 (opens new window)

# backgroundColor

• backgroundColor: Scriptable<Color, PartialEventContext>

# Defined in

options.d.ts:141 (opens new window)

# backgroundShadowColor

• Optional backgroundShadowColor: Scriptable<Color, PartialEventContext>

# Inherited from

CoreAnnotationOptions.backgroundShadowColor

# Defined in

options.d.ts:30 (opens new window)

# borderCapStyle

• Optional borderCapStyle: Scriptable<CanvasLineCap, PartialEventContext>

# Defined in

options.d.ts:142 (opens new window)

# borderColor

• Optional borderColor: Scriptable<Color, PartialEventContext>

# Inherited from

CoreAnnotationOptions.borderColor

# Defined in

options.d.ts:39 (opens new window)

# borderDash

• Optional borderDash: Scriptable<number[], PartialEventContext>

# Inherited from

CoreAnnotationOptions.borderDash

# Defined in

options.d.ts:40 (opens new window)

# borderDashOffset

• Optional borderDashOffset: Scriptable<number, PartialEventContext>

# Inherited from

CoreAnnotationOptions.borderDashOffset

# Defined in

options.d.ts:41 (opens new window)

# borderJoinStyle

• Optional borderJoinStyle: Scriptable<CanvasLineJoin, PartialEventContext>

# Defined in

options.d.ts:143 (opens new window)

# borderShadowColor

• Optional borderShadowColor: Scriptable<Color, PartialEventContext>

# Inherited from

CoreAnnotationOptions.borderShadowColor

# Defined in

options.d.ts:31 (opens new window)

# borderWidth

• Optional borderWidth: Scriptable<number, PartialEventContext>

# Inherited from

CoreAnnotationOptions.borderWidth

# Defined in

options.d.ts:42 (opens new window)

# display

• Optional display: Scriptable<boolean, PartialEventContext>

# Inherited from

CoreAnnotationOptions.display

# Defined in

options.d.ts:43 (opens new window)

# drawTime

• Optional drawTime: Scriptable<DrawTime, PartialEventContext>

# Inherited from

CoreAnnotationOptions.drawTime

# Defined in

options.d.ts:44 (opens new window)

# hitTolerance

• Optional hitTolerance: Scriptable<number, PartialEventContext>

# Inherited from

CoreAnnotationOptions.hitTolerance

# Defined in

options.d.ts:45 (opens new window)

# id

• Optional id: string

# Inherited from

CoreAnnotationOptions.id

# Defined in

options.d.ts:47 (opens new window)

# init

• Optional init: boolean | (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:46 (opens new window)

# point

• Optional point: PointAnnotationOptions

# Defined in

options.d.ts:144 (opens new window)

# radius

• Optional radius: Scriptable<number, PartialEventContext>

# Defined in

options.d.ts:145 (opens new window)

# rotation

• Optional rotation: Scriptable<number, PartialEventContext>

# Defined in

options.d.ts:146 (opens new window)

# shadowBlur

• Optional shadowBlur: Scriptable<number, PartialEventContext>

# Inherited from

CoreAnnotationOptions.shadowBlur

# Defined in

options.d.ts:32 (opens new window)

# shadowOffsetX

• Optional shadowOffsetX: Scriptable<number, PartialEventContext>

# Inherited from

CoreAnnotationOptions.shadowOffsetX

# Defined in

options.d.ts:33 (opens new window)

# shadowOffsetY

• Optional shadowOffsetY: Scriptable<number, PartialEventContext>

# Inherited from

CoreAnnotationOptions.shadowOffsetY

# Defined in

options.d.ts:34 (opens new window)

# sides

• Optional sides: Scriptable<number, PartialEventContext>

# Defined in

options.d.ts:147 (opens new window)

# xAdjust

• Optional xAdjust: Scriptable<number, PartialEventContext>

# Defined in

options.d.ts:148 (opens new window)

# xMax

• Optional xMax: Scriptable<ScaleValue, PartialEventContext>

# Inherited from

CoreAnnotationOptions.xMax

# Defined in

options.d.ts:48 (opens new window)

# xMin

• Optional xMin: Scriptable<ScaleValue, PartialEventContext>

# Inherited from

CoreAnnotationOptions.xMin

# Defined in

options.d.ts:49 (opens new window)

# xScaleID

• Optional xScaleID: Scriptable<string, PartialEventContext>

# Inherited from

CoreAnnotationOptions.xScaleID

# Defined in

options.d.ts:50 (opens new window)

# xValue

• Optional xValue: Scriptable<ScaleValue, PartialEventContext>

# Inherited from

AnnotationPointCoordinates.xValue

# Defined in

options.d.ts:58 (opens new window)

# yAdjust

• Optional yAdjust: Scriptable<number, PartialEventContext>

# Defined in

options.d.ts:149 (opens new window)

# yMax

• Optional yMax: Scriptable<ScaleValue, PartialEventContext>

# Inherited from

CoreAnnotationOptions.yMax

# Defined in

options.d.ts:51 (opens new window)

# yMin

• Optional yMin: Scriptable<ScaleValue, PartialEventContext>

# Inherited from

CoreAnnotationOptions.yMin

# Defined in

options.d.ts:52 (opens new window)

# yScaleID

• Optional yScaleID: Scriptable<string, PartialEventContext>

# Inherited from

CoreAnnotationOptions.yScaleID

# Defined in

options.d.ts:53 (opens new window)

# yValue

• Optional yValue: Scriptable<ScaleValue, PartialEventContext>

# Inherited from

AnnotationPointCoordinates.yValue

# Defined in

options.d.ts:59 (opens new window)

# z

• Optional z: Scriptable<number, PartialEventContext>

# Inherited from

CoreAnnotationOptions.z

# Defined in

options.d.ts:54 (opens new window)

# Methods

# afterDraw

▸ Optional afterDraw(context): void

# Parameters

Name Type
context EventContext

# Returns

void

# Inherited from

CoreAnnotationOptions.afterDraw

# Defined in

options.d.ts:23 (opens new window)

# beforeDraw

▸ Optional beforeDraw(context): void

# Parameters

Name Type
context EventContext

# Returns

void

# Inherited from

CoreAnnotationOptions.beforeDraw

# Defined in

options.d.ts:22 (opens new window)

# click

▸ Optional click(context, event): boolean | void

# Parameters

Name Type
context EventContext
event ChartEvent

# Returns

boolean | void

# Inherited from

CoreAnnotationOptions.click

# Defined in

events.d.ts:27 (opens new window)

# enter

▸ Optional enter(context, event): boolean | void

# Parameters

Name Type
context EventContext
event ChartEvent

# Returns

boolean | void

# Inherited from

CoreAnnotationOptions.enter

# Defined in

events.d.ts:25 (opens new window)

# leave

▸ Optional leave(context, event): boolean | void

# Parameters

Name Type
context EventContext
event ChartEvent

# Returns

boolean | void

# Inherited from

CoreAnnotationOptions.leave

# Defined in

events.d.ts:26 (opens new window)

← →

- + diff --git a/master/api/interfaces/ShadowOptions.html b/master/api/interfaces/ShadowOptions.html index 52175c619..6e123e8c1 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.1e66659f.js b/master/assets/js/10.1e66659f.js new file mode 100644 index 000000000..63d5969c0 --- /dev/null +++ b/master/assets/js/10.1e66659f.js @@ -0,0 +1 @@ +(window.webpackJsonp=window.webpackJsonp||[]).push([[10],{262:function(t,e,o){t.exports=o.p+"assets/img/elementEllipseProps.ef1b550b.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:"ellipse-annotations"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#ellipse-annotations"}},[t._v("#")]),t._v(" Ellipse Annotations")]),t._v(" "),e("p",[t._v("Ellipse annotations are used to draw circles on the chart area. This can be useful for highlighting different areas of a chart.")]),t._v(" "),e("chart-editor",{attrs:{code:"/* */\nconst options = {\n plugins: {\n annotation: {\n annotations: {\n ellipse1: {\n type: 'ellipse',\n xMin: 1,\n xMax: 2,\n yMin: 50,\n yMax: 70,\n backgroundColor: 'rgba(255, 99, 132, 0.25)'\n }\n }\n }\n }\n};\n/* */\n\n/* */\nconst config = {\n type: 'line',\n data: {\n labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July'],\n datasets: [{\n label: 'My First Dataset',\n data: [65, 59, 80, 81, 56, 55, 40],\n fill: false,\n borderColor: 'rgb(75, 192, 192)',\n tension: 0.1\n }]\n },\n options\n};\n/* */\n\nmodule.exports = {\n config\n};\n"}}),e("h2",{attrs:{id:"configuration"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#configuration"}},[t._v("#")]),t._v(" Configuration")]),t._v(" "),e("h3",{attrs:{id:"ellipse-annotation-specific-options"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#ellipse-annotation-specific-options"}},[t._v("#")]),t._v(" Ellipse annotation specific options")]),t._v(" "),e("p",[t._v("The following options are available for ellipse annotations.")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",[t._v("Name")]),t._v(" "),e("th",[t._v("Type")]),t._v(" "),e("th",{staticStyle:{"text-align":"center"}},[e("RouterLink",{attrs:{to:"/guide/options.html#scriptable-options"}},[t._v("Scriptable")])],1),t._v(" "),e("th",[t._v("Default")])])]),t._v(" "),e("tbody",[e("tr",[e("td",[e("a",{attrs:{href:"#styling"}},[e("code",[t._v("backgroundShadowColor")])])]),t._v(" "),e("td",[e("RouterLink",{attrs:{to:"/guide/options.html#color"}},[e("code",[t._v("Color")])])],1),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("'transparent'")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#styling"}},[e("code",[t._v("borderWidth")])])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("1")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#label"}},[e("code",[t._v("label")])])]),t._v(" "),e("td",[e("code",[t._v("object")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td")]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("rotation")])])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("0")])])])])]),t._v(" "),e("h3",{attrs:{id:"common-options-to-all-annotations"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#common-options-to-all-annotations"}},[t._v("#")]),t._v(" Common options to all annotations")]),t._v(" "),e("p",[t._v("The following options are available for all annotations.")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",[t._v("Name")]),t._v(" "),e("th",[t._v("Type")]),t._v(" "),e("th",{staticStyle:{"text-align":"center"}},[e("RouterLink",{attrs:{to:"/guide/options.html#scriptable-options"}},[t._v("Scriptable")])],1),t._v(" "),e("th",[t._v("Default")])])]),t._v(" "),e("tbody",[e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("adjustScaleRange")])])]),t._v(" "),e("td",[e("code",[t._v("boolean")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("true")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#styling"}},[e("code",[t._v("backgroundColor")])])]),t._v(" "),e("td",[e("RouterLink",{attrs:{to:"/guide/options.html#color"}},[e("code",[t._v("Color")])])],1),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("options.color")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#styling"}},[e("code",[t._v("borderColor")])])]),t._v(" "),e("td",[e("RouterLink",{attrs:{to:"/guide/options.html#color"}},[e("code",[t._v("Color")])])],1),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("options.color")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#styling"}},[e("code",[t._v("borderDash")])])]),t._v(" "),e("td",[e("code",[t._v("number[]")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("[]")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#styling"}},[e("code",[t._v("borderDashOffset")])])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("0")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#styling"}},[e("code",[t._v("borderShadowColor")])])]),t._v(" "),e("td",[e("RouterLink",{attrs:{to:"/guide/options.html#color"}},[e("code",[t._v("Color")])])],1),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("'transparent'")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("display")])])]),t._v(" "),e("td",[e("code",[t._v("boolean")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("true")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("drawTime")])])]),t._v(" "),e("td",[e("code",[t._v("string")]),t._v("|"),e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("'afterDatasetsDraw'")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("hitTolerance")])])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("0")])])]),t._v(" "),e("tr",[e("td",[e("RouterLink",{attrs:{to:"/guide/configuration.html#common"}},[e("code",[t._v("init")])])],1),t._v(" "),e("td",[e("code",[t._v("boolean")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("RouterLink",{attrs:{to:"/guide/configuration.html#initial-animation"}},[t._v("See initial animation")])],1),t._v(" "),e("td",[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("id")])])]),t._v(" "),e("td",[e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("No")]),t._v(" "),e("td",[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#styling"}},[e("code",[t._v("shadowBlur")])])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("0")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#styling"}},[e("code",[t._v("shadowOffsetX")])])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("0")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#styling"}},[e("code",[t._v("shadowOffsetY")])])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("0")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("xMax")])])]),t._v(" "),e("td",[e("code",[t._v("number")]),t._v(" | "),e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("xMin")])])]),t._v(" "),e("td",[e("code",[t._v("number")]),t._v(" | "),e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("xScaleID")])])]),t._v(" "),e("td",[e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("yMin")])])]),t._v(" "),e("td",[e("code",[t._v("number")]),t._v(" | "),e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("yMax")])])]),t._v(" "),e("td",[e("code",[t._v("number")]),t._v(" | "),e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("yScaleID")])])]),t._v(" "),e("td",[e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("z")])])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("0")])])])])]),t._v(" "),e("h3",{attrs:{id:"general"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#general"}},[t._v("#")]),t._v(" General")]),t._v(" "),e("p",[t._v("If one of the axes does not match an axis in the chart, the ellipse will take the entire chart dimension. The 4 coordinates, xMin, xMax, yMin, yMax are optional. If not specified, the ellipse is expanded out to the edges in the respective direction.")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",[t._v("Name")]),t._v(" "),e("th",[t._v("Description")])])]),t._v(" "),e("tbody",[e("tr",[e("td",[e("code",[t._v("adjustScaleRange")])]),t._v(" "),e("td",[t._v("Should the scale range be adjusted if this annotation is out of range.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("display")])]),t._v(" "),e("td",[t._v("Whether or not this annotation is visible.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("drawTime")])]),t._v(" "),e("td",[t._v("See "),e("RouterLink",{attrs:{to:"/guide/options.html#draw-time"}},[t._v("drawTime")]),t._v(".")],1)]),t._v(" "),e("tr",[e("td",[e("code",[t._v("hitTolerance")])]),t._v(" "),e("td",[t._v("Amount of pixels to interact with annotations within some distance of the mouse point.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("id")])]),t._v(" "),e("td",[t._v("Identifies a unique id for the annotation and it will be stored in the element context. When the annotations are defined by an object, the id is automatically set using the key used to store the annotations in the object. When the annotations are configured by an array, the id, passed by this option in the annotation, will be used.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("rotation")])]),t._v(" "),e("td",[t._v("Rotation of the ellipse in degrees, default is 0.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("xMax")])]),t._v(" "),e("td",[t._v("Right edge of the ellipse in units along the x axis.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("xMin")])]),t._v(" "),e("td",[t._v("Left edge of the ellipse in units along the x axis.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("xScaleID")])]),t._v(" "),e("td",[t._v("ID of the X scale to bind onto. If missing, the plugin will try to use the scale of the chart, configured as "),e("code",[t._v("'x'")]),t._v(" axis. If more than one scale has been defined in the chart as "),e("code",[t._v("'x'")]),t._v(" axis, the option is mandatory to select the right scale.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("yMax")])]),t._v(" "),e("td",[t._v("Bottom edge of the ellipse in units along the y axis.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("yMin")])]),t._v(" "),e("td",[t._v("Top edge of the ellipse in units along the y axis.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("yScaleID")])]),t._v(" "),e("td",[t._v("ID of the Y scale to bind onto. If missing, the plugin will try to use the scale of the chart, configured as "),e("code",[t._v("'y'")]),t._v(" axis. If more than one scale has been defined in the chart as "),e("code",[t._v("'y'")]),t._v(" axis, the option is mandatory to select the right scale.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("z")])]),t._v(" "),e("td",[t._v("The "),e("code",[t._v("z")]),t._v(" property determines the drawing stack level of the ellipse annotation element. All visible elements will be drawn in ascending order of "),e("code",[t._v("z")]),t._v(" option, with the same "),e("code",[t._v("drawTime")]),t._v(" option.")])])])]),t._v(" "),e("h3",{attrs:{id:"styling"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#styling"}},[t._v("#")]),t._v(" Styling")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",[t._v("Name")]),t._v(" "),e("th",[t._v("Description")])])]),t._v(" "),e("tbody",[e("tr",[e("td",[e("code",[t._v("backgroundColor")])]),t._v(" "),e("td",[t._v("Fill color.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("backgroundShadowColor")])]),t._v(" "),e("td",[t._v("The color of shadow. See "),e("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/shadowColor",target:"_blank",rel:"noopener noreferrer"}},[t._v("MDN"),e("OutboundLink")],1),t._v(".")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("borderColor")])]),t._v(" "),e("td",[t._v("Stroke color.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("borderDash")])]),t._v(" "),e("td",[t._v("Length and spacing of dashes. See "),e("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/setLineDash",target:"_blank",rel:"noopener noreferrer"}},[t._v("MDN"),e("OutboundLink")],1),t._v(".")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("borderDashOffset")])]),t._v(" "),e("td",[t._v("Offset for line dashes. See "),e("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/lineDashOffset",target:"_blank",rel:"noopener noreferrer"}},[t._v("MDN"),e("OutboundLink")],1),t._v(".")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("borderShadowColor")])]),t._v(" "),e("td",[t._v("The color of the border shadow. See "),e("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/shadowColor",target:"_blank",rel:"noopener noreferrer"}},[t._v("MDN"),e("OutboundLink")],1),t._v(".")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("borderWidth")])]),t._v(" "),e("td",[t._v("Stroke width.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("shadowBlur")])]),t._v(" "),e("td",[t._v("The amount of blur applied to shadow. See "),e("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/shadowBlur",target:"_blank",rel:"noopener noreferrer"}},[t._v("MDN"),e("OutboundLink")],1),t._v(".")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("shadowOffsetX")])]),t._v(" "),e("td",[t._v("The distance that shadow will be offset horizontally. See "),e("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/shadowOffsetX",target:"_blank",rel:"noopener noreferrer"}},[t._v("MDN"),e("OutboundLink")],1),t._v(".")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("shadowOffsetY")])]),t._v(" "),e("td",[t._v("The distance that shadow will be offset vertically. See "),e("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/shadowOffsetY",target:"_blank",rel:"noopener noreferrer"}},[t._v("MDN"),e("OutboundLink")],1),t._v(".")])])])]),t._v(" "),e("h2",{attrs:{id:"label"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#label"}},[t._v("#")]),t._v(" Label")]),t._v(" "),e("p",[t._v("Namespace: "),e("code",[t._v("options.annotations[annotationID].label")]),t._v(", it defines options for the the label of annotation.")]),t._v(" "),e("p",[t._v("All of these options can be "),e("RouterLink",{attrs:{to:"/guide/options.html#scriptable-options"}},[t._v("Scriptable")])],1),t._v(" "),e("table",[e("thead",[e("tr",[e("th",[t._v("Name")]),t._v(" "),e("th",[t._v("Type")]),t._v(" "),e("th",{staticStyle:{"text-align":"center"}},[t._v("Default")]),t._v(" "),e("th",[t._v("Notes")])])]),t._v(" "),e("tbody",[e("tr",[e("td",[e("a",{attrs:{href:"#fonts-and-colors"}},[e("code",[t._v("color")])])]),t._v(" "),e("td",[e("a",{attrs:{href:"../options#color"}},[e("code",[t._v("Color")]),t._v("|"),e("code",[t._v("Color[]")])])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("code",[t._v("'black'")])]),t._v(" "),e("td",[t._v("Text color.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("content")])]),t._v(" "),e("td",[e("code",[t._v("string")]),t._v("|"),e("code",[t._v("string[]")]),t._v("|"),e("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/HTMLImageElement/Image",target:"_blank",rel:"noopener noreferrer"}},[e("code",[t._v("Image")]),e("OutboundLink")],1),t._v("|"),e("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/HTMLCanvasElement",target:"_blank",rel:"noopener noreferrer"}},[e("code",[t._v("HTMLCanvasElement")]),e("OutboundLink")],1)]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("code",[t._v("null")])]),t._v(" "),e("td",[t._v("The content to show in the label.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("display")])]),t._v(" "),e("td",[e("code",[t._v("boolean")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("code",[t._v("false")])]),t._v(" "),e("td",[t._v("Whether or not the label is shown.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("drawTime")])]),t._v(" "),e("td",[e("code",[t._v("string")]),t._v("|"),e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("code",[t._v("options.drawTime")])]),t._v(" "),e("td",[t._v("See "),e("a",{attrs:{href:"../options#draw-time"}},[t._v("drawTime")]),t._v(". Defaults to the annotation draw time if unset")])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#fonts-and-colors"}},[e("code",[t._v("font")])])]),t._v(" "),e("td",[e("a",{attrs:{href:"../options#font"}},[e("code",[t._v("Font")]),t._v("|"),e("code",[t._v("Font[]")])])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("code",[t._v("{ weight: 'bold' }")])]),t._v(" "),e("td",[t._v("Label font")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("height")])]),t._v(" "),e("td",[e("code",[t._v("number")]),t._v("|"),e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("code",[t._v("undefined")])]),t._v(" "),e("td",[t._v("Overrides the height of the image or canvas element. Could be set in pixel by a number, or in percentage of current height of image or canvas element by a string. If undefined, uses the height of the image or canvas element. It is used only when the content is an image or canvas element.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("hitTolerance")])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("code",[t._v("undefined")])]),t._v(" "),e("td",[t._v("Amount of pixels to interact with annotations within some distance of the mouse point.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("opacity")])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("code",[t._v("undefined")])]),t._v(" "),e("td",[t._v("Overrides the opacity of the image or canvas element. Could be set a number in the range 0.0 to 1.0, inclusive. If undefined, uses the opacity of the image or canvas element. It is used only when the content is an image or canvas element.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("padding")])]),t._v(" "),e("td",[e("RouterLink",{attrs:{to:"/guide/options.html#padding"}},[e("code",[t._v("Padding")])])],1),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("code",[t._v("6")])]),t._v(" "),e("td",[t._v("The padding to add around the text label.")])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#position"}},[e("code",[t._v("position")])])]),t._v(" "),e("td",[e("code",[t._v("string")]),t._v("|"),e("code",[t._v("{x: string, y: string}")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("code",[t._v("'center'")])]),t._v(" "),e("td",[t._v("Anchor position of label in the annotation.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("rotation")])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("code",[t._v("undefined")])]),t._v(" "),e("td",[t._v("Rotation of label, in degrees. If "),e("code",[t._v("undefined")]),t._v(", the annotation rotation is used.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("textAlign")])]),t._v(" "),e("td",[e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("code",[t._v("'start'")])]),t._v(" "),e("td",[t._v("Text alignment of label content when there's more than one line. Possible options are: "),e("code",[t._v("'left'")]),t._v(", "),e("code",[t._v("'start'")]),t._v(", "),e("code",[t._v("'center'")]),t._v(", "),e("code",[t._v("'end'")]),t._v(", "),e("code",[t._v("'right'")]),t._v(".")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("textStrokeColor")])]),t._v(" "),e("td",[e("RouterLink",{attrs:{to:"/guide/options.html#color"}},[e("code",[t._v("Color")])])],1),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("code",[t._v("undefined")])]),t._v(" "),e("td",[t._v("The color of the stroke around the text.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("textStrokeWidth")])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("code",[t._v("0")])]),t._v(" "),e("td",[t._v("Stroke width around the text.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("width")])]),t._v(" "),e("td",[e("code",[t._v("number")]),t._v("|"),e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("code",[t._v("undefined")])]),t._v(" "),e("td",[t._v("Overrides the width of the image or canvas element. Could be set in pixel by a number, or in percentage of current width of image or canvas element by a string. If undefined, uses the width of the image or canvas element. It is used only when the content is an image or canvas element.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("xAdjust")])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("code",[t._v("0")])]),t._v(" "),e("td",[t._v("Adjustment along x-axis (left-right) of label relative to computed position. Negative values move the label left, positive right.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("yAdjust")])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("code",[t._v("0")])]),t._v(" "),e("td",[t._v("Adjustment along y-axis (top-bottom) of label relative to computed position. Negative values move the label up, positive down.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("z")])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("code",[t._v("0")])]),t._v(" "),e("td",[t._v("It determines the drawing stack level of the label element, with same "),e("code",[t._v("drawTime")]),t._v(".")])])])]),t._v(" "),e("h3",{attrs:{id:"position"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#position"}},[t._v("#")]),t._v(" Position")]),t._v(" "),e("p",[t._v("A position can be set in 2 different values types:")]),t._v(" "),e("ol",[e("li",[e("code",[t._v("'start'")]),t._v(", "),e("code",[t._v("'center'")]),t._v(", "),e("code",[t._v("'end'")]),t._v(" which are defining where the label will be located")]),t._v(" "),e("li",[t._v("a "),e("code",[t._v("string")]),t._v(", in percentage format "),e("code",[t._v("'number%'")]),t._v(", is representing the percentage on the size where the label will be located")])]),t._v(" "),e("p",[t._v("If this value is a string (possible options are "),e("code",[t._v("'start'")]),t._v(", "),e("code",[t._v("'center'")]),t._v(", "),e("code",[t._v("'end'")]),t._v(" or a string in percentage format), it is applied to vertical and horizontal position in the annotation.")]),t._v(" "),e("p",[t._v("If this value is an object, the "),e("code",[t._v("x")]),t._v(" property defines the horizontal alignment in the annotation. Similarly, the "),e("code",[t._v("y")]),t._v(" property defines the vertical alignment in the annotation. Possible options for both properties are "),e("code",[t._v("'start'")]),t._v(", "),e("code",[t._v("'center'")]),t._v(", "),e("code",[t._v("'end'")]),t._v(", a string in percentage format. Omitted property have value of the default, "),e("code",[t._v("'center'")]),t._v(".")]),t._v(" "),e("h3",{attrs:{id:"fonts-and-colors"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#fonts-and-colors"}},[t._v("#")]),t._v(" Fonts and colors")]),t._v(" "),e("p",[t._v("When the label to draw has multiple lines, you can use different font and color for each line of the label. This is enabled configuring an array of fonts or colors for those options. When the lines are more than the configured fonts of colors, the last configuration of those options is used for all remaining lines.")]),t._v(" "),e("h2",{attrs:{id:"element"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#element"}},[t._v("#")]),t._v(" Element")]),t._v(" "),e("p",[t._v("The following diagram is showing the element properties about a "),e("code",[t._v("'ellipse'")]),t._v(" annotation:")]),t._v(" "),e("p",[e("img",{attrs:{src:o(262),alt:"ellipse"}})])],1)}),[],!1,null,null,null);e.default=a.exports}}]); \ No newline at end of file diff --git a/master/assets/js/10.7b2f9bd4.js b/master/assets/js/10.7b2f9bd4.js deleted file mode 100644 index bc5b1fb17..000000000 --- a/master/assets/js/10.7b2f9bd4.js +++ /dev/null @@ -1 +0,0 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[10],{262:function(t,e,o){t.exports=o.p+"assets/img/elementEllipseProps.ef1b550b.png"},467:function(t,e,o){"use strict";o.r(e);var n=o(4),a=Object(n.a)({},(function(){var t=this,e=t._self._c;return e("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[e("h1",{attrs:{id:"ellipse-annotations"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#ellipse-annotations"}},[t._v("#")]),t._v(" Ellipse Annotations")]),t._v(" "),e("p",[t._v("Ellipse annotations are used to draw circles on the chart area. This can be useful for highlighting different areas of a chart.")]),t._v(" "),e("chart-editor",{attrs:{code:"/* */\nconst options = {\n plugins: {\n annotation: {\n annotations: {\n ellipse1: {\n type: 'ellipse',\n xMin: 1,\n xMax: 2,\n yMin: 50,\n yMax: 70,\n backgroundColor: 'rgba(255, 99, 132, 0.25)'\n }\n }\n }\n }\n};\n/* */\n\n/* */\nconst config = {\n type: 'line',\n data: {\n labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July'],\n datasets: [{\n label: 'My First Dataset',\n data: [65, 59, 80, 81, 56, 55, 40],\n fill: false,\n borderColor: 'rgb(75, 192, 192)',\n tension: 0.1\n }]\n },\n options\n};\n/* */\n\nmodule.exports = {\n config\n};\n"}}),e("h2",{attrs:{id:"configuration"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#configuration"}},[t._v("#")]),t._v(" Configuration")]),t._v(" "),e("h3",{attrs:{id:"ellipse-annotation-specific-options"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#ellipse-annotation-specific-options"}},[t._v("#")]),t._v(" Ellipse annotation specific options")]),t._v(" "),e("p",[t._v("The following options are available for ellipse annotations.")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",[t._v("Name")]),t._v(" "),e("th",[t._v("Type")]),t._v(" "),e("th",{staticStyle:{"text-align":"center"}},[e("RouterLink",{attrs:{to:"/guide/options.html#scriptable-options"}},[t._v("Scriptable")])],1),t._v(" "),e("th",[t._v("Default")])])]),t._v(" "),e("tbody",[e("tr",[e("td",[e("a",{attrs:{href:"#styling"}},[e("code",[t._v("backgroundShadowColor")])])]),t._v(" "),e("td",[e("RouterLink",{attrs:{to:"/guide/options.html#color"}},[e("code",[t._v("Color")])])],1),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("'transparent'")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#styling"}},[e("code",[t._v("borderWidth")])])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("1")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#label"}},[e("code",[t._v("label")])])]),t._v(" "),e("td",[e("code",[t._v("object")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td")]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("rotation")])])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("0")])])])])]),t._v(" "),e("h3",{attrs:{id:"common-options-to-all-annotations"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#common-options-to-all-annotations"}},[t._v("#")]),t._v(" Common options to all annotations")]),t._v(" "),e("p",[t._v("The following options are available for all annotations.")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",[t._v("Name")]),t._v(" "),e("th",[t._v("Type")]),t._v(" "),e("th",{staticStyle:{"text-align":"center"}},[e("RouterLink",{attrs:{to:"/guide/options.html#scriptable-options"}},[t._v("Scriptable")])],1),t._v(" "),e("th",[t._v("Default")])])]),t._v(" "),e("tbody",[e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("adjustScaleRange")])])]),t._v(" "),e("td",[e("code",[t._v("boolean")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("true")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#styling"}},[e("code",[t._v("backgroundColor")])])]),t._v(" "),e("td",[e("RouterLink",{attrs:{to:"/guide/options.html#color"}},[e("code",[t._v("Color")])])],1),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("options.color")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#styling"}},[e("code",[t._v("borderColor")])])]),t._v(" "),e("td",[e("RouterLink",{attrs:{to:"/guide/options.html#color"}},[e("code",[t._v("Color")])])],1),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("options.color")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#styling"}},[e("code",[t._v("borderDash")])])]),t._v(" "),e("td",[e("code",[t._v("number[]")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("[]")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#styling"}},[e("code",[t._v("borderDashOffset")])])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("0")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#styling"}},[e("code",[t._v("borderShadowColor")])])]),t._v(" "),e("td",[e("RouterLink",{attrs:{to:"/guide/options.html#color"}},[e("code",[t._v("Color")])])],1),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("'transparent'")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("display")])])]),t._v(" "),e("td",[e("code",[t._v("boolean")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("true")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("drawTime")])])]),t._v(" "),e("td",[e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("'afterDatasetsDraw'")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("hitTolerance")])])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("0")])])]),t._v(" "),e("tr",[e("td",[e("RouterLink",{attrs:{to:"/guide/configuration.html#common"}},[e("code",[t._v("init")])])],1),t._v(" "),e("td",[e("code",[t._v("boolean")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("RouterLink",{attrs:{to:"/guide/configuration.html#initial-animation"}},[t._v("See initial animation")])],1),t._v(" "),e("td",[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("id")])])]),t._v(" "),e("td",[e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("No")]),t._v(" "),e("td",[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#styling"}},[e("code",[t._v("shadowBlur")])])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("0")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#styling"}},[e("code",[t._v("shadowOffsetX")])])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("0")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#styling"}},[e("code",[t._v("shadowOffsetY")])])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("0")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("xMax")])])]),t._v(" "),e("td",[e("code",[t._v("number")]),t._v(" | "),e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("xMin")])])]),t._v(" "),e("td",[e("code",[t._v("number")]),t._v(" | "),e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("xScaleID")])])]),t._v(" "),e("td",[e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("yMin")])])]),t._v(" "),e("td",[e("code",[t._v("number")]),t._v(" | "),e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("yMax")])])]),t._v(" "),e("td",[e("code",[t._v("number")]),t._v(" | "),e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("yScaleID")])])]),t._v(" "),e("td",[e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("z")])])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("0")])])])])]),t._v(" "),e("h3",{attrs:{id:"general"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#general"}},[t._v("#")]),t._v(" General")]),t._v(" "),e("p",[t._v("If one of the axes does not match an axis in the chart, the ellipse will take the entire chart dimension. The 4 coordinates, xMin, xMax, yMin, yMax are optional. If not specified, the ellipse is expanded out to the edges in the respective direction.")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",[t._v("Name")]),t._v(" "),e("th",[t._v("Description")])])]),t._v(" "),e("tbody",[e("tr",[e("td",[e("code",[t._v("adjustScaleRange")])]),t._v(" "),e("td",[t._v("Should the scale range be adjusted if this annotation is out of range.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("display")])]),t._v(" "),e("td",[t._v("Whether or not this annotation is visible.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("drawTime")])]),t._v(" "),e("td",[t._v("See "),e("RouterLink",{attrs:{to:"/guide/options.html#draw-time"}},[t._v("drawTime")]),t._v(".")],1)]),t._v(" "),e("tr",[e("td",[e("code",[t._v("hitTolerance")])]),t._v(" "),e("td",[t._v("Amount of pixels to interact with annotations within some distance of the mouse point.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("id")])]),t._v(" "),e("td",[t._v("Identifies a unique id for the annotation and it will be stored in the element context. When the annotations are defined by an object, the id is automatically set using the key used to store the annotations in the object. When the annotations are configured by an array, the id, passed by this option in the annotation, will be used.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("rotation")])]),t._v(" "),e("td",[t._v("Rotation of the ellipse in degrees, default is 0.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("xMax")])]),t._v(" "),e("td",[t._v("Right edge of the ellipse in units along the x axis.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("xMin")])]),t._v(" "),e("td",[t._v("Left edge of the ellipse in units along the x axis.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("xScaleID")])]),t._v(" "),e("td",[t._v("ID of the X scale to bind onto. If missing, the plugin will try to use the scale of the chart, configured as "),e("code",[t._v("'x'")]),t._v(" axis. If more than one scale has been defined in the chart as "),e("code",[t._v("'x'")]),t._v(" axis, the option is mandatory to select the right scale.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("yMax")])]),t._v(" "),e("td",[t._v("Bottom edge of the ellipse in units along the y axis.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("yMin")])]),t._v(" "),e("td",[t._v("Top edge of the ellipse in units along the y axis.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("yScaleID")])]),t._v(" "),e("td",[t._v("ID of the Y scale to bind onto. If missing, the plugin will try to use the scale of the chart, configured as "),e("code",[t._v("'y'")]),t._v(" axis. If more than one scale has been defined in the chart as "),e("code",[t._v("'y'")]),t._v(" axis, the option is mandatory to select the right scale.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("z")])]),t._v(" "),e("td",[t._v("The "),e("code",[t._v("z")]),t._v(" property determines the drawing stack level of the ellipse annotation element. All visible elements will be drawn in ascending order of "),e("code",[t._v("z")]),t._v(" option, with the same "),e("code",[t._v("drawTime")]),t._v(" option.")])])])]),t._v(" "),e("h3",{attrs:{id:"styling"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#styling"}},[t._v("#")]),t._v(" Styling")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",[t._v("Name")]),t._v(" "),e("th",[t._v("Description")])])]),t._v(" "),e("tbody",[e("tr",[e("td",[e("code",[t._v("backgroundColor")])]),t._v(" "),e("td",[t._v("Fill color.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("backgroundShadowColor")])]),t._v(" "),e("td",[t._v("The color of shadow. See "),e("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/shadowColor",target:"_blank",rel:"noopener noreferrer"}},[t._v("MDN"),e("OutboundLink")],1),t._v(".")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("borderColor")])]),t._v(" "),e("td",[t._v("Stroke color.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("borderDash")])]),t._v(" "),e("td",[t._v("Length and spacing of dashes. See "),e("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/setLineDash",target:"_blank",rel:"noopener noreferrer"}},[t._v("MDN"),e("OutboundLink")],1),t._v(".")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("borderDashOffset")])]),t._v(" "),e("td",[t._v("Offset for line dashes. See "),e("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/lineDashOffset",target:"_blank",rel:"noopener noreferrer"}},[t._v("MDN"),e("OutboundLink")],1),t._v(".")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("borderShadowColor")])]),t._v(" "),e("td",[t._v("The color of the border shadow. See "),e("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/shadowColor",target:"_blank",rel:"noopener noreferrer"}},[t._v("MDN"),e("OutboundLink")],1),t._v(".")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("borderWidth")])]),t._v(" "),e("td",[t._v("Stroke width.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("shadowBlur")])]),t._v(" "),e("td",[t._v("The amount of blur applied to shadow. See "),e("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/shadowBlur",target:"_blank",rel:"noopener noreferrer"}},[t._v("MDN"),e("OutboundLink")],1),t._v(".")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("shadowOffsetX")])]),t._v(" "),e("td",[t._v("The distance that shadow will be offset horizontally. See "),e("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/shadowOffsetX",target:"_blank",rel:"noopener noreferrer"}},[t._v("MDN"),e("OutboundLink")],1),t._v(".")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("shadowOffsetY")])]),t._v(" "),e("td",[t._v("The distance that shadow will be offset vertically. See "),e("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/shadowOffsetY",target:"_blank",rel:"noopener noreferrer"}},[t._v("MDN"),e("OutboundLink")],1),t._v(".")])])])]),t._v(" "),e("h2",{attrs:{id:"label"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#label"}},[t._v("#")]),t._v(" Label")]),t._v(" "),e("p",[t._v("Namespace: "),e("code",[t._v("options.annotations[annotationID].label")]),t._v(", it defines options for the the label of annotation.")]),t._v(" "),e("p",[t._v("All of these options can be "),e("RouterLink",{attrs:{to:"/guide/options.html#scriptable-options"}},[t._v("Scriptable")])],1),t._v(" "),e("table",[e("thead",[e("tr",[e("th",[t._v("Name")]),t._v(" "),e("th",[t._v("Type")]),t._v(" "),e("th",{staticStyle:{"text-align":"center"}},[t._v("Default")]),t._v(" "),e("th",[t._v("Notes")])])]),t._v(" "),e("tbody",[e("tr",[e("td",[e("a",{attrs:{href:"#fonts-and-colors"}},[e("code",[t._v("color")])])]),t._v(" "),e("td",[e("a",{attrs:{href:"../options#color"}},[e("code",[t._v("Color")]),t._v("|"),e("code",[t._v("Color[]")])])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("code",[t._v("'black'")])]),t._v(" "),e("td",[t._v("Text color.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("content")])]),t._v(" "),e("td",[e("code",[t._v("string")]),t._v("|"),e("code",[t._v("string[]")]),t._v("|"),e("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/HTMLImageElement/Image",target:"_blank",rel:"noopener noreferrer"}},[e("code",[t._v("Image")]),e("OutboundLink")],1),t._v("|"),e("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/HTMLCanvasElement",target:"_blank",rel:"noopener noreferrer"}},[e("code",[t._v("HTMLCanvasElement")]),e("OutboundLink")],1)]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("code",[t._v("null")])]),t._v(" "),e("td",[t._v("The content to show in the label.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("display")])]),t._v(" "),e("td",[e("code",[t._v("boolean")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("code",[t._v("false")])]),t._v(" "),e("td",[t._v("Whether or not the label is shown.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("drawTime")])]),t._v(" "),e("td",[e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("code",[t._v("options.drawTime")])]),t._v(" "),e("td",[t._v("See "),e("a",{attrs:{href:"../options#draw-time"}},[t._v("drawTime")]),t._v(". Defaults to the annotation draw time if unset")])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#fonts-and-colors"}},[e("code",[t._v("font")])])]),t._v(" "),e("td",[e("a",{attrs:{href:"../options#font"}},[e("code",[t._v("Font")]),t._v("|"),e("code",[t._v("Font[]")])])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("code",[t._v("{ weight: 'bold' }")])]),t._v(" "),e("td",[t._v("Label font")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("height")])]),t._v(" "),e("td",[e("code",[t._v("number")]),t._v("|"),e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("code",[t._v("undefined")])]),t._v(" "),e("td",[t._v("Overrides the height of the image or canvas element. Could be set in pixel by a number, or in percentage of current height of image or canvas element by a string. If undefined, uses the height of the image or canvas element. It is used only when the content is an image or canvas element.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("hitTolerance")])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("code",[t._v("undefined")])]),t._v(" "),e("td",[t._v("Amount of pixels to interact with annotations within some distance of the mouse point.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("opacity")])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("code",[t._v("undefined")])]),t._v(" "),e("td",[t._v("Overrides the opacity of the image or canvas element. Could be set a number in the range 0.0 to 1.0, inclusive. If undefined, uses the opacity of the image or canvas element. It is used only when the content is an image or canvas element.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("padding")])]),t._v(" "),e("td",[e("RouterLink",{attrs:{to:"/guide/options.html#padding"}},[e("code",[t._v("Padding")])])],1),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("code",[t._v("6")])]),t._v(" "),e("td",[t._v("The padding to add around the text label.")])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#position"}},[e("code",[t._v("position")])])]),t._v(" "),e("td",[e("code",[t._v("string")]),t._v("|"),e("code",[t._v("{x: string, y: string}")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("code",[t._v("'center'")])]),t._v(" "),e("td",[t._v("Anchor position of label in the annotation.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("rotation")])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("code",[t._v("undefined")])]),t._v(" "),e("td",[t._v("Rotation of label, in degrees. If "),e("code",[t._v("undefined")]),t._v(", the annotation rotation is used.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("textAlign")])]),t._v(" "),e("td",[e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("code",[t._v("'start'")])]),t._v(" "),e("td",[t._v("Text alignment of label content when there's more than one line. Possible options are: "),e("code",[t._v("'left'")]),t._v(", "),e("code",[t._v("'start'")]),t._v(", "),e("code",[t._v("'center'")]),t._v(", "),e("code",[t._v("'end'")]),t._v(", "),e("code",[t._v("'right'")]),t._v(".")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("textStrokeColor")])]),t._v(" "),e("td",[e("RouterLink",{attrs:{to:"/guide/options.html#color"}},[e("code",[t._v("Color")])])],1),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("code",[t._v("undefined")])]),t._v(" "),e("td",[t._v("The color of the stroke around the text.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("textStrokeWidth")])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("code",[t._v("0")])]),t._v(" "),e("td",[t._v("Stroke width around the text.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("width")])]),t._v(" "),e("td",[e("code",[t._v("number")]),t._v("|"),e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("code",[t._v("undefined")])]),t._v(" "),e("td",[t._v("Overrides the width of the image or canvas element. Could be set in pixel by a number, or in percentage of current width of image or canvas element by a string. If undefined, uses the width of the image or canvas element. It is used only when the content is an image or canvas element.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("xAdjust")])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("code",[t._v("0")])]),t._v(" "),e("td",[t._v("Adjustment along x-axis (left-right) of label relative to computed position. Negative values move the label left, positive right.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("yAdjust")])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("code",[t._v("0")])]),t._v(" "),e("td",[t._v("Adjustment along y-axis (top-bottom) of label relative to computed position. Negative values move the label up, positive down.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("z")])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("code",[t._v("0")])]),t._v(" "),e("td",[t._v("It determines the drawing stack level of the label element, with same "),e("code",[t._v("drawTime")]),t._v(".")])])])]),t._v(" "),e("h3",{attrs:{id:"position"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#position"}},[t._v("#")]),t._v(" Position")]),t._v(" "),e("p",[t._v("A position can be set in 2 different values types:")]),t._v(" "),e("ol",[e("li",[e("code",[t._v("'start'")]),t._v(", "),e("code",[t._v("'center'")]),t._v(", "),e("code",[t._v("'end'")]),t._v(" which are defining where the label will be located")]),t._v(" "),e("li",[t._v("a "),e("code",[t._v("string")]),t._v(", in percentage format "),e("code",[t._v("'number%'")]),t._v(", is representing the percentage on the size where the label will be located")])]),t._v(" "),e("p",[t._v("If this value is a string (possible options are "),e("code",[t._v("'start'")]),t._v(", "),e("code",[t._v("'center'")]),t._v(", "),e("code",[t._v("'end'")]),t._v(" or a string in percentage format), it is applied to vertical and horizontal position in the annotation.")]),t._v(" "),e("p",[t._v("If this value is an object, the "),e("code",[t._v("x")]),t._v(" property defines the horizontal alignment in the annotation. Similarly, the "),e("code",[t._v("y")]),t._v(" property defines the vertical alignment in the annotation. Possible options for both properties are "),e("code",[t._v("'start'")]),t._v(", "),e("code",[t._v("'center'")]),t._v(", "),e("code",[t._v("'end'")]),t._v(", a string in percentage format. Omitted property have value of the default, "),e("code",[t._v("'center'")]),t._v(".")]),t._v(" "),e("h3",{attrs:{id:"fonts-and-colors"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#fonts-and-colors"}},[t._v("#")]),t._v(" Fonts and colors")]),t._v(" "),e("p",[t._v("When the label to draw has multiple lines, you can use different font and color for each line of the label. This is enabled configuring an array of fonts or colors for those options. When the lines are more than the configured fonts of colors, the last configuration of those options is used for all remaining lines.")]),t._v(" "),e("h2",{attrs:{id:"element"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#element"}},[t._v("#")]),t._v(" Element")]),t._v(" "),e("p",[t._v("The following diagram is showing the element properties about a "),e("code",[t._v("'ellipse'")]),t._v(" annotation:")]),t._v(" "),e("p",[e("img",{attrs:{src:o(262),alt:"ellipse"}})])],1)}),[],!1,null,null,null);e.default=a.exports}}]); \ No newline at end of file diff --git a/master/assets/js/11.6ec638bf.js b/master/assets/js/11.6ec638bf.js deleted file mode 100644 index 4d9c9f064..000000000 --- a/master/assets/js/11.6ec638bf.js +++ /dev/null @@ -1 +0,0 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[11],{263:function(t,e,o){t.exports=o.p+"assets/img/elementLabelProps.97ea168e.png"},468:function(t,e,o){"use strict";o.r(e);var n=o(4),a=Object(n.a)({},(function(){var t=this,e=t._self._c;return e("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[e("h1",{attrs:{id:"label-annotations"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#label-annotations"}},[t._v("#")]),t._v(" Label Annotations")]),t._v(" "),e("p",[t._v("Label annotations are used to add contents on the chart area. This can be useful for describing values that are of interest.")]),t._v(" "),e("chart-editor",{attrs:{code:"/* */\nconst options = {\n plugins: {\n annotation: {\n annotations: {\n label1: {\n type: 'label',\n xValue: 2.5,\n yValue: 60,\n backgroundColor: 'rgba(245,245,245)',\n content: ['This is my text', 'This is my text, second line'],\n font: {\n size: 18\n }\n }\n }\n }\n }\n};\n/* */\n\n/* */\nconst config = {\n type: 'line',\n data: {\n labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July'],\n datasets: [{\n label: 'My First Dataset',\n data: [65, 59, 80, 81, 56, 55, 40],\n fill: false,\n borderColor: 'rgb(75, 192, 192)',\n tension: 0.1\n }]\n },\n options\n};\n/* */\n\nmodule.exports = {\n config\n};\n"}}),e("h2",{attrs:{id:"configuration"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#configuration"}},[t._v("#")]),t._v(" Configuration")]),t._v(" "),e("h3",{attrs:{id:"label-annotation-specific-options"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#label-annotation-specific-options"}},[t._v("#")]),t._v(" Label annotation specific options")]),t._v(" "),e("p",[t._v("The following options are available for label annotations.")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",[t._v("Name")]),t._v(" "),e("th",[t._v("Type")]),t._v(" "),e("th",{staticStyle:{"text-align":"center"}},[e("RouterLink",{attrs:{to:"/guide/options.html#scriptable-options"}},[t._v("Scriptable")])],1),t._v(" "),e("th",[t._v("Default")])])]),t._v(" "),e("tbody",[e("tr",[e("td",[e("a",{attrs:{href:"#styling"}},[e("code",[t._v("backgroundShadowColor")])])]),t._v(" "),e("td",[e("RouterLink",{attrs:{to:"/guide/options.html#color"}},[e("code",[t._v("Color")])])],1),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("'transparent'")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#styling"}},[e("code",[t._v("borderCapStyle")])])]),t._v(" "),e("td",[e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("'butt'")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#styling"}},[e("code",[t._v("borderJoinStyle")])])]),t._v(" "),e("td",[e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("'miter'")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#borderradius"}},[e("code",[t._v("borderRadius")])])]),t._v(" "),e("td",[e("code",[t._v("number")]),t._v(" | "),e("code",[t._v("object")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("0")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#styling"}},[e("code",[t._v("borderWidth")])])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("0")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#callout"}},[e("code",[t._v("callout")])])]),t._v(" "),e("td",[e("code",[t._v("object")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td")]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#styling"}},[e("code",[t._v("color")])])]),t._v(" "),e("td",[e("a",{attrs:{href:"../options#color"}},[e("code",[t._v("Color")]),t._v("|"),e("code",[t._v("Color[]")])])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("'black'")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("content")])])]),t._v(" "),e("td",[e("code",[t._v("string")]),t._v("|"),e("code",[t._v("string[]")]),t._v("|"),e("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/HTMLImageElement/Image",target:"_blank",rel:"noopener noreferrer"}},[e("code",[t._v("Image")]),e("OutboundLink")],1),t._v("|"),e("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/HTMLCanvasElement",target:"_blank",rel:"noopener noreferrer"}},[e("code",[t._v("HTMLCanvasElement")]),e("OutboundLink")],1)]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("null")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#styling"}},[e("code",[t._v("font")])])]),t._v(" "),e("td",[e("a",{attrs:{href:"../options#font"}},[e("code",[t._v("Font")]),t._v("|"),e("code",[t._v("Font[]")])])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("{}")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("height")])])]),t._v(" "),e("td",[e("code",[t._v("number")]),t._v("|"),e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#styling"}},[e("code",[t._v("opacity")])])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("padding")])])]),t._v(" "),e("td",[e("RouterLink",{attrs:{to:"/guide/options.html#padding"}},[e("code",[t._v("Padding")])])],1),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("6")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#position"}},[e("code",[t._v("position")])])]),t._v(" "),e("td",[e("code",[t._v("string")]),t._v("|"),e("code",[t._v("{x: string, y: string}")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("'center'")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("rotation")])])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("0")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("textAlign")])])]),t._v(" "),e("td",[e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("'center'")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#styling"}},[e("code",[t._v("textStrokeColor")])])]),t._v(" "),e("td",[e("RouterLink",{attrs:{to:"/guide/options.html#color"}},[e("code",[t._v("Color")])])],1),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#styling"}},[e("code",[t._v("textStrokeWidth")])])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("0")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("width")])])]),t._v(" "),e("td",[e("code",[t._v("number")]),t._v("|"),e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("xAdjust")])])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("0")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("xValue")])])]),t._v(" "),e("td",[e("code",[t._v("number")]),t._v(" | "),e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("yAdjust")])])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("0")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("yValue")])])]),t._v(" "),e("td",[e("code",[t._v("number")]),t._v(" | "),e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("undefined")])])])])]),t._v(" "),e("h3",{attrs:{id:"common-options-to-all-annotations"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#common-options-to-all-annotations"}},[t._v("#")]),t._v(" Common options to all annotations")]),t._v(" "),e("p",[t._v("The following options are available for all annotations.")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",[t._v("Name")]),t._v(" "),e("th",[t._v("Type")]),t._v(" "),e("th",{staticStyle:{"text-align":"center"}},[e("RouterLink",{attrs:{to:"/guide/options.html#scriptable-options"}},[t._v("Scriptable")])],1),t._v(" "),e("th",[t._v("Default")])])]),t._v(" "),e("tbody",[e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("adjustScaleRange")])])]),t._v(" "),e("td",[e("code",[t._v("boolean")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("true")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#styling"}},[e("code",[t._v("backgroundColor")])])]),t._v(" "),e("td",[e("RouterLink",{attrs:{to:"/guide/options.html#color"}},[e("code",[t._v("Color")])])],1),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("options.color")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#styling"}},[e("code",[t._v("borderColor")])])]),t._v(" "),e("td",[e("RouterLink",{attrs:{to:"/guide/options.html#color"}},[e("code",[t._v("Color")])])],1),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("options.color")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#styling"}},[e("code",[t._v("borderDash")])])]),t._v(" "),e("td",[e("code",[t._v("number[]")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("[]")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#styling"}},[e("code",[t._v("borderDashOffset")])])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("0")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#styling"}},[e("code",[t._v("borderShadowColor")])])]),t._v(" "),e("td",[e("RouterLink",{attrs:{to:"/guide/options.html#color"}},[e("code",[t._v("Color")])])],1),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("'transparent'")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("display")])])]),t._v(" "),e("td",[e("code",[t._v("boolean")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("true")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("drawTime")])])]),t._v(" "),e("td",[e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("'afterDatasetsDraw'")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("hitTolerance")])])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("0")])])]),t._v(" "),e("tr",[e("td",[e("RouterLink",{attrs:{to:"/guide/configuration.html#common"}},[e("code",[t._v("init")])])],1),t._v(" "),e("td",[e("code",[t._v("boolean")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("RouterLink",{attrs:{to:"/guide/configuration.html#initial-animation"}},[t._v("See initial animation")])],1),t._v(" "),e("td",[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("id")])])]),t._v(" "),e("td",[e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("No")]),t._v(" "),e("td",[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#styling"}},[e("code",[t._v("shadowBlur")])])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("0")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#styling"}},[e("code",[t._v("shadowOffsetX")])])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("0")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#styling"}},[e("code",[t._v("shadowOffsetY")])])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("0")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("xMax")])])]),t._v(" "),e("td",[e("code",[t._v("number")]),t._v(" | "),e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("xMin")])])]),t._v(" "),e("td",[e("code",[t._v("number")]),t._v(" | "),e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("xScaleID")])])]),t._v(" "),e("td",[e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("yMin")])])]),t._v(" "),e("td",[e("code",[t._v("number")]),t._v(" | "),e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("yMax")])])]),t._v(" "),e("td",[e("code",[t._v("number")]),t._v(" | "),e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("yScaleID")])])]),t._v(" "),e("td",[e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("z")])])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("0")])])])])]),t._v(" "),e("h3",{attrs:{id:"general"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#general"}},[t._v("#")]),t._v(" General")]),t._v(" "),e("p",[t._v("If one of the axes does not match an axis in the chart, the content will be rendered in the center of the chart. The 2 coordinates, xValue, yValue are optional. If not specified, the content will be rendered in the center of the scale dimension.")]),t._v(" "),e("p",[t._v("The 4 coordinates, xMin, xMax, yMin, yMax are optional. If not specified, the box is expanded out to the edges in the respective direction and the box size is used to calculated the center of the point.")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",[t._v("Name")]),t._v(" "),e("th",[t._v("Description")])])]),t._v(" "),e("tbody",[e("tr",[e("td",[e("code",[t._v("adjustScaleRange")])]),t._v(" "),e("td",[t._v("Should the scale range be adjusted if this annotation is out of range.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("content")])]),t._v(" "),e("td",[t._v("The content to show in the text annotation.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("display")])]),t._v(" "),e("td",[t._v("Whether or not this annotation is visible.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("drawTime")])]),t._v(" "),e("td",[t._v("See "),e("RouterLink",{attrs:{to:"/guide/options.html#draw-time"}},[t._v("drawTime")]),t._v(".")],1)]),t._v(" "),e("tr",[e("td",[e("code",[t._v("height")])]),t._v(" "),e("td",[t._v("Overrides the height of the image or canvas element. Could be set in pixel by a number, or in percentage of current height of image or canvas element by a string. If undefined, uses the height of the image or canvas element. It is used only when the content is an image or canvas element.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("hitTolerance")])]),t._v(" "),e("td",[t._v("Amount of pixels to interact with annotations within some distance of the mouse point.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("id")])]),t._v(" "),e("td",[t._v("Identifies a unique id for the annotation and it will be stored in the element context. When the annotations are defined by an object, the id is automatically set using the key used to store the annotations in the object. When the annotations are configured by an array, the id, passed by this option in the annotation, will be used.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("padding")])]),t._v(" "),e("td",[t._v("The padding to add around the text label.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("rotation")])]),t._v(" "),e("td",[t._v("Rotation of the label in degrees.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("textAlign")])]),t._v(" "),e("td",[t._v("Text alignment of label content when there's more than one line. Possible options are: "),e("code",[t._v("'left'")]),t._v(", "),e("code",[t._v("'start'")]),t._v(", "),e("code",[t._v("'center'")]),t._v(", "),e("code",[t._v("'end'")]),t._v(", "),e("code",[t._v("'right'")]),t._v(".")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("width")])]),t._v(" "),e("td",[t._v("Overrides the width of the image or canvas element. Could be set in pixel by a number, or in percentage of current width of image or canvas element by a string. If undefined, uses the width of the image or canvas element. It is used only when the content is an image or canvas element.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("xAdjust")])]),t._v(" "),e("td",[t._v("Adjustment along x-axis (left-right) of label relative to computed position. Negative values move the label left, positive right.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("xMax")])]),t._v(" "),e("td",[t._v("Right edge of the box in units along the x axis.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("xMin")])]),t._v(" "),e("td",[t._v("Left edge of the box in units along the x axis.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("xScaleID")])]),t._v(" "),e("td",[t._v("ID of the X scale to bind onto. If missing, the plugin will try to use the scale of the chart, configured as "),e("code",[t._v("'x'")]),t._v(" axis. If more than one scale has been defined in the chart as "),e("code",[t._v("'x'")]),t._v(" axis, the option is mandatory to select the right scale.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("xValue")])]),t._v(" "),e("td",[t._v("X coordinate of the point in units along the x axis.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("yAdjust")])]),t._v(" "),e("td",[t._v("Adjustment along y-axis (top-bottom) of label relative to computed position. Negative values move the label up, positive down.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("yMax")])]),t._v(" "),e("td",[t._v("Bottom edge of the box in units along the y axis.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("yMin")])]),t._v(" "),e("td",[t._v("Top edge of the box in units along the y axis.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("yScaleID")])]),t._v(" "),e("td",[t._v("ID of the Y scale to bind onto. If missing, the plugin will try to use the scale of the chart, configured as "),e("code",[t._v("'y'")]),t._v(" axis. If more than one scale has been defined in the chart as "),e("code",[t._v("'y'")]),t._v(" axis, the option is mandatory to select the right scale.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("yValue")])]),t._v(" "),e("td",[t._v("Y coordinate of the point in units along the y axis.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("z")])]),t._v(" "),e("td",[t._v("The "),e("code",[t._v("z")]),t._v(" property determines the drawing stack level of the label annotation element. All visible elements will be drawn in ascending order of "),e("code",[t._v("z")]),t._v(" option, with the same "),e("code",[t._v("drawTime")]),t._v(" option.")])])])]),t._v(" "),e("h3",{attrs:{id:"styling"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#styling"}},[t._v("#")]),t._v(" Styling")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",[t._v("Name")]),t._v(" "),e("th",[t._v("Description")])])]),t._v(" "),e("tbody",[e("tr",[e("td",[e("code",[t._v("backgroundColor")])]),t._v(" "),e("td",[t._v("Fill color.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("backgroundShadowColor")])]),t._v(" "),e("td",[t._v("The color of shadow. See "),e("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/shadowColor",target:"_blank",rel:"noopener noreferrer"}},[t._v("MDN"),e("OutboundLink")],1),t._v(".")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("borderCapStyle")])]),t._v(" "),e("td",[t._v("Cap style of the border line. See "),e("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/lineCap",target:"_blank",rel:"noopener noreferrer"}},[t._v("MDN"),e("OutboundLink")],1),t._v(".")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("borderColor")])]),t._v(" "),e("td",[t._v("Stroke color.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("borderDash")])]),t._v(" "),e("td",[t._v("Length and spacing of dashes. See "),e("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/setLineDash",target:"_blank",rel:"noopener noreferrer"}},[t._v("MDN"),e("OutboundLink")],1),t._v(".")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("borderDashOffset")])]),t._v(" "),e("td",[t._v("Offset for border line dashes. See "),e("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/lineDashOffset",target:"_blank",rel:"noopener noreferrer"}},[t._v("MDN"),e("OutboundLink")],1),t._v(".")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("borderJoinStyle")])]),t._v(" "),e("td",[t._v("Border line join style. See "),e("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/lineJoin",target:"_blank",rel:"noopener noreferrer"}},[t._v("MDN"),e("OutboundLink")],1),t._v(".")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("borderShadowColor")])]),t._v(" "),e("td",[t._v("The color of the border shadow. See "),e("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/shadowColor",target:"_blank",rel:"noopener noreferrer"}},[t._v("MDN"),e("OutboundLink")],1),t._v(".")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("borderWidth")])]),t._v(" "),e("td",[t._v("Stroke width (in pixels).")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("color")])]),t._v(" "),e("td",[t._v("Text color. When the label to draw has multiple lines, you can use different color for each line of the label. This is enabled configuring an array of colors. When the lines are more than the configured colors, the last configuration of this option is used for all remaining lines.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("font")])]),t._v(" "),e("td",[t._v("Text font. When the label to draw has multiple lines, you can use different font for each line of the label. This is enabled configuring an array of fonts. When the lines are more than the configured fonts, the last configuration of this option is used for all remaining lines.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("opacity")])]),t._v(" "),e("td",[t._v("Overrides the opacity of the image or canvas element. Could be set a number in the range 0.0 to 1.0, inclusive. If undefined, uses the opacity of the image or canvas element. It is used only when the content is an image or canvas element.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("shadowBlur")])]),t._v(" "),e("td",[t._v("The amount of blur applied to shadow of the box where the label is located. See "),e("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/shadowBlur",target:"_blank",rel:"noopener noreferrer"}},[t._v("MDN"),e("OutboundLink")],1),t._v(".")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("shadowOffsetX")])]),t._v(" "),e("td",[t._v("The distance that shadow, of the box where the label is located, will be offset horizontally. See "),e("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/shadowOffsetX",target:"_blank",rel:"noopener noreferrer"}},[t._v("MDN"),e("OutboundLink")],1),t._v(".")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("shadowOffsetY")])]),t._v(" "),e("td",[t._v("The distance that shadow, of the box where the label is located, will be offset vertically. See "),e("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/shadowOffsetY",target:"_blank",rel:"noopener noreferrer"}},[t._v("MDN"),e("OutboundLink")],1),t._v(".")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("textStrokeColor")])]),t._v(" "),e("td",[t._v("The color of the stroke around the text.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("textStrokeWidth")])]),t._v(" "),e("td",[t._v("Stroke width around the text.")])])])]),t._v(" "),e("h3",{attrs:{id:"position"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#position"}},[t._v("#")]),t._v(" Position")]),t._v(" "),e("p",[t._v("A position can be set in 2 different values types:")]),t._v(" "),e("ol",[e("li",[e("code",[t._v("'start'")]),t._v(", "),e("code",[t._v("'center'")]),t._v(", "),e("code",[t._v("'end'")]),t._v(" which are defining where the label will be located")]),t._v(" "),e("li",[t._v("a "),e("code",[t._v("string")]),t._v(", in percentage format "),e("code",[t._v("'number%'")]),t._v(", is representing the percentage on the size where the label will be located")])]),t._v(" "),e("p",[t._v("If this value is a string (possible options are "),e("code",[t._v("'start'")]),t._v(", "),e("code",[t._v("'center'")]),t._v(", "),e("code",[t._v("'end'")]),t._v(" or a string in percentage format), it is applied to vertical and horizontal position in the box.")]),t._v(" "),e("p",[t._v("If this value is an object, the "),e("code",[t._v("x")]),t._v(" property defines the horizontal alignment in the label, with respect to the selected point. Similarly, the "),e("code",[t._v("y")]),t._v(" property defines the vertical alignment in the label, with respect to the selected point. Possible options for both properties are "),e("code",[t._v("'start'")]),t._v(", "),e("code",[t._v("'center'")]),t._v(", "),e("code",[t._v("'end'")]),t._v(", a string in percentage format. Omitted property have value of the default, "),e("code",[t._v("'center'")]),t._v(".")]),t._v(" "),e("h4",{attrs:{id:"borderradius"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#borderradius"}},[t._v("#")]),t._v(" borderRadius")]),t._v(" "),e("p",[t._v("If this value is a number, it is applied to all corners of the rectangle (topLeft, topRight, bottomLeft, bottomRight). If this value is an object, the "),e("code",[t._v("topLeft")]),t._v(" property defines the top-left corners border radius. Similarly, the "),e("code",[t._v("topRight")]),t._v(", "),e("code",[t._v("bottomLeft")]),t._v(", and "),e("code",[t._v("bottomRight")]),t._v(" properties can also be specified. Omitted corners have radius of 0.")]),t._v(" "),e("h2",{attrs:{id:"callout"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#callout"}},[t._v("#")]),t._v(" Callout")]),t._v(" "),e("p",[t._v("A callout connects the label by a line to the selected point.")]),t._v(" "),e("p",[t._v("Namespace: "),e("code",[t._v("options.annotations[annotationID].callout")]),t._v(", it defines options for the callout on the annotation label.")]),t._v(" "),e("chart-editor",{attrs:{code:"/* */\nconst options = {\n plugins: {\n annotation: {\n annotations: {\n label1: {\n type: 'label',\n xValue: 2.5,\n yValue: 60,\n xAdjust: 290,\n yAdjust: -100,\n backgroundColor: 'rgba(245,245,245)',\n content: ['In this point of time,', 'something happened'],\n textAlign: 'start',\n font: {\n size: 18\n },\n callout: {\n display: true,\n side: 10\n }\n }\n }\n }\n }\n};\n/* */\n\n/* */\nconst config = {\n type: 'line',\n data: {\n labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July'],\n datasets: [{\n label: 'My First Dataset',\n data: [65, 59, 80, 81, 56, 55, 40],\n fill: false,\n borderColor: 'rgb(75, 192, 192)',\n tension: 0.1\n }]\n },\n options\n};\n/* */\n\nmodule.exports = {\n config\n};\n"}}),e("p",[t._v("All of these options can be "),e("RouterLink",{attrs:{to:"/guide/options.html#scriptable-options"}},[t._v("Scriptable")]),t._v(".")],1),t._v(" "),e("table",[e("thead",[e("tr",[e("th",[t._v("Name")]),t._v(" "),e("th",[t._v("Type")]),t._v(" "),e("th",{staticStyle:{"text-align":"center"}},[t._v("Default")]),t._v(" "),e("th",[t._v("Notes")])])]),t._v(" "),e("tbody",[e("tr",[e("td",[e("code",[t._v("borderCapStyle")])]),t._v(" "),e("td",[e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("code",[t._v("'butt'")])]),t._v(" "),e("td",[t._v("Cap style of the border line of callout. See "),e("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/lineCap",target:"_blank",rel:"noopener noreferrer"}},[t._v("MDN"),e("OutboundLink")],1),t._v(".")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("borderColor")])]),t._v(" "),e("td",[e("RouterLink",{attrs:{to:"/guide/options.html#color"}},[e("code",[t._v("Color")])])],1),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("code",[t._v("undefined")])]),t._v(" "),e("td",[t._v("Stroke color of the pointer of the callout.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("borderDash")])]),t._v(" "),e("td",[e("code",[t._v("number[]")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("code",[t._v("[]")])]),t._v(" "),e("td",[t._v("Length and spacing of dashes of callout. See "),e("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/setLineDash",target:"_blank",rel:"noopener noreferrer"}},[t._v("MDN"),e("OutboundLink")],1),t._v(".")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("borderDashOffset")])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("code",[t._v("0")])]),t._v(" "),e("td",[t._v("Offset for line dashes of callout. See "),e("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/lineDashOffset",target:"_blank",rel:"noopener noreferrer"}},[t._v("MDN"),e("OutboundLink")],1),t._v(".")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("borderJoinStyle")])]),t._v(" "),e("td",[e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("code",[t._v("'miter'")])]),t._v(" "),e("td",[t._v("Border line join style of the callout. See "),e("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/lineJoin",target:"_blank",rel:"noopener noreferrer"}},[t._v("MDN"),e("OutboundLink")],1),t._v(".")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("borderWidth")])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("code",[t._v("1")])]),t._v(" "),e("td",[t._v("Stroke width of the pointer of the callout.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("display")])]),t._v(" "),e("td",[e("code",[t._v("boolean")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("code",[t._v("false")])]),t._v(" "),e("td",[t._v("If true, the callout is drawn.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("margin")])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("code",[t._v("5")])]),t._v(" "),e("td",[t._v("Amount of pixels between the label and the callout separator.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("position")])]),t._v(" "),e("td",[e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("code",[t._v("'auto'")])]),t._v(" "),e("td",[t._v("The position of callout, with respect to the label. Could be "),e("code",[t._v("left")]),t._v(", "),e("code",[t._v("top")]),t._v(", "),e("code",[t._v("right")]),t._v(", "),e("code",[t._v("bottom")]),t._v(" or "),e("code",[t._v("auto")]),t._v(".")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("side")])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("code",[t._v("5")])]),t._v(" "),e("td",[t._v("Width of the starter line of callout pointer.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("start")])]),t._v(" "),e("td",[e("code",[t._v("number")]),t._v("|"),e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("code",[t._v("'50%'")])]),t._v(" "),e("td",[t._v("The percentage of the separator dimension to use as starting point for callout pointer. Could be set in pixel by a number, or in percentage of the separator dimension by a string.")])])])]),t._v(" "),e("h2",{attrs:{id:"element"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#element"}},[t._v("#")]),t._v(" Element")]),t._v(" "),e("p",[t._v("The following diagram is showing the element properties about a "),e("code",[t._v("'label'")]),t._v(" annotation:")]),t._v(" "),e("p",[e("img",{attrs:{src:o(263),alt:"label"}})])],1)}),[],!1,null,null,null);e.default=a.exports}}]); \ No newline at end of file diff --git a/master/assets/js/11.b19b88df.js b/master/assets/js/11.b19b88df.js new file mode 100644 index 000000000..19a3e10e2 --- /dev/null +++ b/master/assets/js/11.b19b88df.js @@ -0,0 +1 @@ +(window.webpackJsonp=window.webpackJsonp||[]).push([[11],{263:function(t,e,o){t.exports=o.p+"assets/img/elementLabelProps.97ea168e.png"},468:function(t,e,o){"use strict";o.r(e);var n=o(4),a=Object(n.a)({},(function(){var t=this,e=t._self._c;return e("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[e("h1",{attrs:{id:"label-annotations"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#label-annotations"}},[t._v("#")]),t._v(" Label Annotations")]),t._v(" "),e("p",[t._v("Label annotations are used to add contents on the chart area. This can be useful for describing values that are of interest.")]),t._v(" "),e("chart-editor",{attrs:{code:"/* */\nconst options = {\n plugins: {\n annotation: {\n annotations: {\n label1: {\n type: 'label',\n xValue: 2.5,\n yValue: 60,\n backgroundColor: 'rgba(245,245,245)',\n content: ['This is my text', 'This is my text, second line'],\n font: {\n size: 18\n }\n }\n }\n }\n }\n};\n/* */\n\n/* */\nconst config = {\n type: 'line',\n data: {\n labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July'],\n datasets: [{\n label: 'My First Dataset',\n data: [65, 59, 80, 81, 56, 55, 40],\n fill: false,\n borderColor: 'rgb(75, 192, 192)',\n tension: 0.1\n }]\n },\n options\n};\n/* */\n\nmodule.exports = {\n config\n};\n"}}),e("h2",{attrs:{id:"configuration"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#configuration"}},[t._v("#")]),t._v(" Configuration")]),t._v(" "),e("h3",{attrs:{id:"label-annotation-specific-options"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#label-annotation-specific-options"}},[t._v("#")]),t._v(" Label annotation specific options")]),t._v(" "),e("p",[t._v("The following options are available for label annotations.")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",[t._v("Name")]),t._v(" "),e("th",[t._v("Type")]),t._v(" "),e("th",{staticStyle:{"text-align":"center"}},[e("RouterLink",{attrs:{to:"/guide/options.html#scriptable-options"}},[t._v("Scriptable")])],1),t._v(" "),e("th",[t._v("Default")])])]),t._v(" "),e("tbody",[e("tr",[e("td",[e("a",{attrs:{href:"#styling"}},[e("code",[t._v("backgroundShadowColor")])])]),t._v(" "),e("td",[e("RouterLink",{attrs:{to:"/guide/options.html#color"}},[e("code",[t._v("Color")])])],1),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("'transparent'")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#styling"}},[e("code",[t._v("borderCapStyle")])])]),t._v(" "),e("td",[e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("'butt'")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#styling"}},[e("code",[t._v("borderJoinStyle")])])]),t._v(" "),e("td",[e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("'miter'")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#borderradius"}},[e("code",[t._v("borderRadius")])])]),t._v(" "),e("td",[e("code",[t._v("number")]),t._v(" | "),e("code",[t._v("object")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("0")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#styling"}},[e("code",[t._v("borderWidth")])])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("0")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#callout"}},[e("code",[t._v("callout")])])]),t._v(" "),e("td",[e("code",[t._v("object")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td")]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#styling"}},[e("code",[t._v("color")])])]),t._v(" "),e("td",[e("a",{attrs:{href:"../options#color"}},[e("code",[t._v("Color")]),t._v("|"),e("code",[t._v("Color[]")])])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("'black'")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("content")])])]),t._v(" "),e("td",[e("code",[t._v("string")]),t._v("|"),e("code",[t._v("string[]")]),t._v("|"),e("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/HTMLImageElement/Image",target:"_blank",rel:"noopener noreferrer"}},[e("code",[t._v("Image")]),e("OutboundLink")],1),t._v("|"),e("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/HTMLCanvasElement",target:"_blank",rel:"noopener noreferrer"}},[e("code",[t._v("HTMLCanvasElement")]),e("OutboundLink")],1)]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("null")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#styling"}},[e("code",[t._v("font")])])]),t._v(" "),e("td",[e("a",{attrs:{href:"../options#font"}},[e("code",[t._v("Font")]),t._v("|"),e("code",[t._v("Font[]")])])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("{}")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("height")])])]),t._v(" "),e("td",[e("code",[t._v("number")]),t._v("|"),e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#styling"}},[e("code",[t._v("opacity")])])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("padding")])])]),t._v(" "),e("td",[e("RouterLink",{attrs:{to:"/guide/options.html#padding"}},[e("code",[t._v("Padding")])])],1),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("6")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#position"}},[e("code",[t._v("position")])])]),t._v(" "),e("td",[e("code",[t._v("string")]),t._v("|"),e("code",[t._v("{x: string, y: string}")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("'center'")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("rotation")])])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("0")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("textAlign")])])]),t._v(" "),e("td",[e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("'center'")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#styling"}},[e("code",[t._v("textStrokeColor")])])]),t._v(" "),e("td",[e("RouterLink",{attrs:{to:"/guide/options.html#color"}},[e("code",[t._v("Color")])])],1),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#styling"}},[e("code",[t._v("textStrokeWidth")])])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("0")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("width")])])]),t._v(" "),e("td",[e("code",[t._v("number")]),t._v("|"),e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("xAdjust")])])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("0")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("xValue")])])]),t._v(" "),e("td",[e("code",[t._v("number")]),t._v(" | "),e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("yAdjust")])])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("0")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("yValue")])])]),t._v(" "),e("td",[e("code",[t._v("number")]),t._v(" | "),e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("undefined")])])])])]),t._v(" "),e("h3",{attrs:{id:"common-options-to-all-annotations"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#common-options-to-all-annotations"}},[t._v("#")]),t._v(" Common options to all annotations")]),t._v(" "),e("p",[t._v("The following options are available for all annotations.")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",[t._v("Name")]),t._v(" "),e("th",[t._v("Type")]),t._v(" "),e("th",{staticStyle:{"text-align":"center"}},[e("RouterLink",{attrs:{to:"/guide/options.html#scriptable-options"}},[t._v("Scriptable")])],1),t._v(" "),e("th",[t._v("Default")])])]),t._v(" "),e("tbody",[e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("adjustScaleRange")])])]),t._v(" "),e("td",[e("code",[t._v("boolean")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("true")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#styling"}},[e("code",[t._v("backgroundColor")])])]),t._v(" "),e("td",[e("RouterLink",{attrs:{to:"/guide/options.html#color"}},[e("code",[t._v("Color")])])],1),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("options.color")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#styling"}},[e("code",[t._v("borderColor")])])]),t._v(" "),e("td",[e("RouterLink",{attrs:{to:"/guide/options.html#color"}},[e("code",[t._v("Color")])])],1),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("options.color")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#styling"}},[e("code",[t._v("borderDash")])])]),t._v(" "),e("td",[e("code",[t._v("number[]")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("[]")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#styling"}},[e("code",[t._v("borderDashOffset")])])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("0")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#styling"}},[e("code",[t._v("borderShadowColor")])])]),t._v(" "),e("td",[e("RouterLink",{attrs:{to:"/guide/options.html#color"}},[e("code",[t._v("Color")])])],1),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("'transparent'")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("display")])])]),t._v(" "),e("td",[e("code",[t._v("boolean")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("true")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("drawTime")])])]),t._v(" "),e("td",[e("code",[t._v("string")]),t._v("|"),e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("'afterDatasetsDraw'")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("hitTolerance")])])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("0")])])]),t._v(" "),e("tr",[e("td",[e("RouterLink",{attrs:{to:"/guide/configuration.html#common"}},[e("code",[t._v("init")])])],1),t._v(" "),e("td",[e("code",[t._v("boolean")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("RouterLink",{attrs:{to:"/guide/configuration.html#initial-animation"}},[t._v("See initial animation")])],1),t._v(" "),e("td",[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("id")])])]),t._v(" "),e("td",[e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("No")]),t._v(" "),e("td",[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#styling"}},[e("code",[t._v("shadowBlur")])])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("0")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#styling"}},[e("code",[t._v("shadowOffsetX")])])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("0")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#styling"}},[e("code",[t._v("shadowOffsetY")])])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("0")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("xMax")])])]),t._v(" "),e("td",[e("code",[t._v("number")]),t._v(" | "),e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("xMin")])])]),t._v(" "),e("td",[e("code",[t._v("number")]),t._v(" | "),e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("xScaleID")])])]),t._v(" "),e("td",[e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("yMin")])])]),t._v(" "),e("td",[e("code",[t._v("number")]),t._v(" | "),e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("yMax")])])]),t._v(" "),e("td",[e("code",[t._v("number")]),t._v(" | "),e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("yScaleID")])])]),t._v(" "),e("td",[e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("z")])])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("0")])])])])]),t._v(" "),e("h3",{attrs:{id:"general"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#general"}},[t._v("#")]),t._v(" General")]),t._v(" "),e("p",[t._v("If one of the axes does not match an axis in the chart, the content will be rendered in the center of the chart. The 2 coordinates, xValue, yValue are optional. If not specified, the content will be rendered in the center of the scale dimension.")]),t._v(" "),e("p",[t._v("The 4 coordinates, xMin, xMax, yMin, yMax are optional. If not specified, the box is expanded out to the edges in the respective direction and the box size is used to calculated the center of the point.")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",[t._v("Name")]),t._v(" "),e("th",[t._v("Description")])])]),t._v(" "),e("tbody",[e("tr",[e("td",[e("code",[t._v("adjustScaleRange")])]),t._v(" "),e("td",[t._v("Should the scale range be adjusted if this annotation is out of range.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("content")])]),t._v(" "),e("td",[t._v("The content to show in the text annotation.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("display")])]),t._v(" "),e("td",[t._v("Whether or not this annotation is visible.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("drawTime")])]),t._v(" "),e("td",[t._v("See "),e("RouterLink",{attrs:{to:"/guide/options.html#draw-time"}},[t._v("drawTime")]),t._v(".")],1)]),t._v(" "),e("tr",[e("td",[e("code",[t._v("height")])]),t._v(" "),e("td",[t._v("Overrides the height of the image or canvas element. Could be set in pixel by a number, or in percentage of current height of image or canvas element by a string. If undefined, uses the height of the image or canvas element. It is used only when the content is an image or canvas element.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("hitTolerance")])]),t._v(" "),e("td",[t._v("Amount of pixels to interact with annotations within some distance of the mouse point.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("id")])]),t._v(" "),e("td",[t._v("Identifies a unique id for the annotation and it will be stored in the element context. When the annotations are defined by an object, the id is automatically set using the key used to store the annotations in the object. When the annotations are configured by an array, the id, passed by this option in the annotation, will be used.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("padding")])]),t._v(" "),e("td",[t._v("The padding to add around the text label.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("rotation")])]),t._v(" "),e("td",[t._v("Rotation of the label in degrees.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("textAlign")])]),t._v(" "),e("td",[t._v("Text alignment of label content when there's more than one line. Possible options are: "),e("code",[t._v("'left'")]),t._v(", "),e("code",[t._v("'start'")]),t._v(", "),e("code",[t._v("'center'")]),t._v(", "),e("code",[t._v("'end'")]),t._v(", "),e("code",[t._v("'right'")]),t._v(".")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("width")])]),t._v(" "),e("td",[t._v("Overrides the width of the image or canvas element. Could be set in pixel by a number, or in percentage of current width of image or canvas element by a string. If undefined, uses the width of the image or canvas element. It is used only when the content is an image or canvas element.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("xAdjust")])]),t._v(" "),e("td",[t._v("Adjustment along x-axis (left-right) of label relative to computed position. Negative values move the label left, positive right.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("xMax")])]),t._v(" "),e("td",[t._v("Right edge of the box in units along the x axis.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("xMin")])]),t._v(" "),e("td",[t._v("Left edge of the box in units along the x axis.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("xScaleID")])]),t._v(" "),e("td",[t._v("ID of the X scale to bind onto. If missing, the plugin will try to use the scale of the chart, configured as "),e("code",[t._v("'x'")]),t._v(" axis. If more than one scale has been defined in the chart as "),e("code",[t._v("'x'")]),t._v(" axis, the option is mandatory to select the right scale.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("xValue")])]),t._v(" "),e("td",[t._v("X coordinate of the point in units along the x axis.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("yAdjust")])]),t._v(" "),e("td",[t._v("Adjustment along y-axis (top-bottom) of label relative to computed position. Negative values move the label up, positive down.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("yMax")])]),t._v(" "),e("td",[t._v("Bottom edge of the box in units along the y axis.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("yMin")])]),t._v(" "),e("td",[t._v("Top edge of the box in units along the y axis.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("yScaleID")])]),t._v(" "),e("td",[t._v("ID of the Y scale to bind onto. If missing, the plugin will try to use the scale of the chart, configured as "),e("code",[t._v("'y'")]),t._v(" axis. If more than one scale has been defined in the chart as "),e("code",[t._v("'y'")]),t._v(" axis, the option is mandatory to select the right scale.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("yValue")])]),t._v(" "),e("td",[t._v("Y coordinate of the point in units along the y axis.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("z")])]),t._v(" "),e("td",[t._v("The "),e("code",[t._v("z")]),t._v(" property determines the drawing stack level of the label annotation element. All visible elements will be drawn in ascending order of "),e("code",[t._v("z")]),t._v(" option, with the same "),e("code",[t._v("drawTime")]),t._v(" option.")])])])]),t._v(" "),e("h3",{attrs:{id:"styling"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#styling"}},[t._v("#")]),t._v(" Styling")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",[t._v("Name")]),t._v(" "),e("th",[t._v("Description")])])]),t._v(" "),e("tbody",[e("tr",[e("td",[e("code",[t._v("backgroundColor")])]),t._v(" "),e("td",[t._v("Fill color.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("backgroundShadowColor")])]),t._v(" "),e("td",[t._v("The color of shadow. See "),e("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/shadowColor",target:"_blank",rel:"noopener noreferrer"}},[t._v("MDN"),e("OutboundLink")],1),t._v(".")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("borderCapStyle")])]),t._v(" "),e("td",[t._v("Cap style of the border line. See "),e("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/lineCap",target:"_blank",rel:"noopener noreferrer"}},[t._v("MDN"),e("OutboundLink")],1),t._v(".")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("borderColor")])]),t._v(" "),e("td",[t._v("Stroke color.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("borderDash")])]),t._v(" "),e("td",[t._v("Length and spacing of dashes. See "),e("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/setLineDash",target:"_blank",rel:"noopener noreferrer"}},[t._v("MDN"),e("OutboundLink")],1),t._v(".")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("borderDashOffset")])]),t._v(" "),e("td",[t._v("Offset for border line dashes. See "),e("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/lineDashOffset",target:"_blank",rel:"noopener noreferrer"}},[t._v("MDN"),e("OutboundLink")],1),t._v(".")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("borderJoinStyle")])]),t._v(" "),e("td",[t._v("Border line join style. See "),e("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/lineJoin",target:"_blank",rel:"noopener noreferrer"}},[t._v("MDN"),e("OutboundLink")],1),t._v(".")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("borderShadowColor")])]),t._v(" "),e("td",[t._v("The color of the border shadow. See "),e("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/shadowColor",target:"_blank",rel:"noopener noreferrer"}},[t._v("MDN"),e("OutboundLink")],1),t._v(".")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("borderWidth")])]),t._v(" "),e("td",[t._v("Stroke width (in pixels).")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("color")])]),t._v(" "),e("td",[t._v("Text color. When the label to draw has multiple lines, you can use different color for each line of the label. This is enabled configuring an array of colors. When the lines are more than the configured colors, the last configuration of this option is used for all remaining lines.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("font")])]),t._v(" "),e("td",[t._v("Text font. When the label to draw has multiple lines, you can use different font for each line of the label. This is enabled configuring an array of fonts. When the lines are more than the configured fonts, the last configuration of this option is used for all remaining lines.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("opacity")])]),t._v(" "),e("td",[t._v("Overrides the opacity of the image or canvas element. Could be set a number in the range 0.0 to 1.0, inclusive. If undefined, uses the opacity of the image or canvas element. It is used only when the content is an image or canvas element.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("shadowBlur")])]),t._v(" "),e("td",[t._v("The amount of blur applied to shadow of the box where the label is located. See "),e("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/shadowBlur",target:"_blank",rel:"noopener noreferrer"}},[t._v("MDN"),e("OutboundLink")],1),t._v(".")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("shadowOffsetX")])]),t._v(" "),e("td",[t._v("The distance that shadow, of the box where the label is located, will be offset horizontally. See "),e("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/shadowOffsetX",target:"_blank",rel:"noopener noreferrer"}},[t._v("MDN"),e("OutboundLink")],1),t._v(".")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("shadowOffsetY")])]),t._v(" "),e("td",[t._v("The distance that shadow, of the box where the label is located, will be offset vertically. See "),e("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/shadowOffsetY",target:"_blank",rel:"noopener noreferrer"}},[t._v("MDN"),e("OutboundLink")],1),t._v(".")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("textStrokeColor")])]),t._v(" "),e("td",[t._v("The color of the stroke around the text.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("textStrokeWidth")])]),t._v(" "),e("td",[t._v("Stroke width around the text.")])])])]),t._v(" "),e("h3",{attrs:{id:"position"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#position"}},[t._v("#")]),t._v(" Position")]),t._v(" "),e("p",[t._v("A position can be set in 2 different values types:")]),t._v(" "),e("ol",[e("li",[e("code",[t._v("'start'")]),t._v(", "),e("code",[t._v("'center'")]),t._v(", "),e("code",[t._v("'end'")]),t._v(" which are defining where the label will be located")]),t._v(" "),e("li",[t._v("a "),e("code",[t._v("string")]),t._v(", in percentage format "),e("code",[t._v("'number%'")]),t._v(", is representing the percentage on the size where the label will be located")])]),t._v(" "),e("p",[t._v("If this value is a string (possible options are "),e("code",[t._v("'start'")]),t._v(", "),e("code",[t._v("'center'")]),t._v(", "),e("code",[t._v("'end'")]),t._v(" or a string in percentage format), it is applied to vertical and horizontal position in the box.")]),t._v(" "),e("p",[t._v("If this value is an object, the "),e("code",[t._v("x")]),t._v(" property defines the horizontal alignment in the label, with respect to the selected point. Similarly, the "),e("code",[t._v("y")]),t._v(" property defines the vertical alignment in the label, with respect to the selected point. Possible options for both properties are "),e("code",[t._v("'start'")]),t._v(", "),e("code",[t._v("'center'")]),t._v(", "),e("code",[t._v("'end'")]),t._v(", a string in percentage format. Omitted property have value of the default, "),e("code",[t._v("'center'")]),t._v(".")]),t._v(" "),e("h4",{attrs:{id:"borderradius"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#borderradius"}},[t._v("#")]),t._v(" borderRadius")]),t._v(" "),e("p",[t._v("If this value is a number, it is applied to all corners of the rectangle (topLeft, topRight, bottomLeft, bottomRight). If this value is an object, the "),e("code",[t._v("topLeft")]),t._v(" property defines the top-left corners border radius. Similarly, the "),e("code",[t._v("topRight")]),t._v(", "),e("code",[t._v("bottomLeft")]),t._v(", and "),e("code",[t._v("bottomRight")]),t._v(" properties can also be specified. Omitted corners have radius of 0.")]),t._v(" "),e("h2",{attrs:{id:"callout"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#callout"}},[t._v("#")]),t._v(" Callout")]),t._v(" "),e("p",[t._v("A callout connects the label by a line to the selected point.")]),t._v(" "),e("p",[t._v("Namespace: "),e("code",[t._v("options.annotations[annotationID].callout")]),t._v(", it defines options for the callout on the annotation label.")]),t._v(" "),e("chart-editor",{attrs:{code:"/* */\nconst options = {\n plugins: {\n annotation: {\n annotations: {\n label1: {\n type: 'label',\n xValue: 2.5,\n yValue: 60,\n xAdjust: 290,\n yAdjust: -100,\n backgroundColor: 'rgba(245,245,245)',\n content: ['In this point of time,', 'something happened'],\n textAlign: 'start',\n font: {\n size: 18\n },\n callout: {\n display: true,\n side: 10\n }\n }\n }\n }\n }\n};\n/* */\n\n/* */\nconst config = {\n type: 'line',\n data: {\n labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July'],\n datasets: [{\n label: 'My First Dataset',\n data: [65, 59, 80, 81, 56, 55, 40],\n fill: false,\n borderColor: 'rgb(75, 192, 192)',\n tension: 0.1\n }]\n },\n options\n};\n/* */\n\nmodule.exports = {\n config\n};\n"}}),e("p",[t._v("All of these options can be "),e("RouterLink",{attrs:{to:"/guide/options.html#scriptable-options"}},[t._v("Scriptable")]),t._v(".")],1),t._v(" "),e("table",[e("thead",[e("tr",[e("th",[t._v("Name")]),t._v(" "),e("th",[t._v("Type")]),t._v(" "),e("th",{staticStyle:{"text-align":"center"}},[t._v("Default")]),t._v(" "),e("th",[t._v("Notes")])])]),t._v(" "),e("tbody",[e("tr",[e("td",[e("code",[t._v("borderCapStyle")])]),t._v(" "),e("td",[e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("code",[t._v("'butt'")])]),t._v(" "),e("td",[t._v("Cap style of the border line of callout. See "),e("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/lineCap",target:"_blank",rel:"noopener noreferrer"}},[t._v("MDN"),e("OutboundLink")],1),t._v(".")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("borderColor")])]),t._v(" "),e("td",[e("RouterLink",{attrs:{to:"/guide/options.html#color"}},[e("code",[t._v("Color")])])],1),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("code",[t._v("undefined")])]),t._v(" "),e("td",[t._v("Stroke color of the pointer of the callout.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("borderDash")])]),t._v(" "),e("td",[e("code",[t._v("number[]")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("code",[t._v("[]")])]),t._v(" "),e("td",[t._v("Length and spacing of dashes of callout. See "),e("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/setLineDash",target:"_blank",rel:"noopener noreferrer"}},[t._v("MDN"),e("OutboundLink")],1),t._v(".")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("borderDashOffset")])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("code",[t._v("0")])]),t._v(" "),e("td",[t._v("Offset for line dashes of callout. See "),e("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/lineDashOffset",target:"_blank",rel:"noopener noreferrer"}},[t._v("MDN"),e("OutboundLink")],1),t._v(".")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("borderJoinStyle")])]),t._v(" "),e("td",[e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("code",[t._v("'miter'")])]),t._v(" "),e("td",[t._v("Border line join style of the callout. See "),e("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/lineJoin",target:"_blank",rel:"noopener noreferrer"}},[t._v("MDN"),e("OutboundLink")],1),t._v(".")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("borderWidth")])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("code",[t._v("1")])]),t._v(" "),e("td",[t._v("Stroke width of the pointer of the callout.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("display")])]),t._v(" "),e("td",[e("code",[t._v("boolean")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("code",[t._v("false")])]),t._v(" "),e("td",[t._v("If true, the callout is drawn.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("margin")])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("code",[t._v("5")])]),t._v(" "),e("td",[t._v("Amount of pixels between the label and the callout separator.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("position")])]),t._v(" "),e("td",[e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("code",[t._v("'auto'")])]),t._v(" "),e("td",[t._v("The position of callout, with respect to the label. Could be "),e("code",[t._v("left")]),t._v(", "),e("code",[t._v("top")]),t._v(", "),e("code",[t._v("right")]),t._v(", "),e("code",[t._v("bottom")]),t._v(" or "),e("code",[t._v("auto")]),t._v(".")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("side")])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("code",[t._v("5")])]),t._v(" "),e("td",[t._v("Width of the starter line of callout pointer.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("start")])]),t._v(" "),e("td",[e("code",[t._v("number")]),t._v("|"),e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("code",[t._v("'50%'")])]),t._v(" "),e("td",[t._v("The percentage of the separator dimension to use as starting point for callout pointer. Could be set in pixel by a number, or in percentage of the separator dimension by a string.")])])])]),t._v(" "),e("h2",{attrs:{id:"element"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#element"}},[t._v("#")]),t._v(" Element")]),t._v(" "),e("p",[t._v("The following diagram is showing the element properties about a "),e("code",[t._v("'label'")]),t._v(" annotation:")]),t._v(" "),e("p",[e("img",{attrs:{src:o(263),alt:"label"}})])],1)}),[],!1,null,null,null);e.default=a.exports}}]); \ No newline at end of file diff --git a/master/assets/js/12.69bc9db8.js b/master/assets/js/12.69bc9db8.js new file mode 100644 index 000000000..d49c063d4 --- /dev/null +++ b/master/assets/js/12.69bc9db8.js @@ -0,0 +1 @@ +(window.webpackJsonp=window.webpackJsonp||[]).push([[12],{264:function(e,t,o){e.exports=o.p+"assets/img/elementLineProps.67f9d0c4.png"},469:function(e,t,o){"use strict";o.r(t);var n=o(4),r=Object(n.a)({},(function(){var e=this,t=e._self._c;return t("ContentSlotsDistributor",{attrs:{"slot-key":e.$parent.slotKey}},[t("h1",{attrs:{id:"line-annotations"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#line-annotations"}},[e._v("#")]),e._v(" Line Annotations")]),e._v(" "),t("p",[e._v("Line annotations are used to draw lines on the chart area. This can be useful for highlighting information such as a threshold.")]),e._v(" "),t("chart-editor",{attrs:{code:"/* */\nconst options = {\n plugins: {\n annotation: {\n annotations: {\n line1: {\n type: 'line',\n yMin: 60,\n yMax: 60,\n borderColor: 'rgb(255, 99, 132)',\n borderWidth: 2,\n }\n }\n }\n }\n};\n/* */\n\n/* */\nconst config = {\n type: 'line',\n data: {\n labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July'],\n datasets: [{\n label: 'My First Dataset',\n data: [65, 59, 80, 81, 56, 55, 40],\n fill: false,\n borderColor: 'rgb(75, 192, 192)',\n tension: 0.1\n }]\n },\n options\n};\n/* */\n\nmodule.exports = {\n config\n};\n"}}),t("h2",{attrs:{id:"configuration"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#configuration"}},[e._v("#")]),e._v(" Configuration")]),e._v(" "),t("h3",{attrs:{id:"line-annotation-specific-options"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#line-annotation-specific-options"}},[e._v("#")]),e._v(" Line annotation specific options")]),e._v(" "),t("p",[e._v("The following options are available for line annotations.")]),e._v(" "),t("table",[t("thead",[t("tr",[t("th",[e._v("Name")]),e._v(" "),t("th",[e._v("Type")]),e._v(" "),t("th",{staticStyle:{"text-align":"center"}},[t("RouterLink",{attrs:{to:"/guide/options.html#scriptable-options"}},[e._v("Scriptable")])],1),e._v(" "),t("th",[e._v("Default")])])]),e._v(" "),t("tbody",[t("tr",[t("td",[t("a",{attrs:{href:"#arrow-heads"}},[t("code",[e._v("arrowHeads")])])]),e._v(" "),t("td",[t("code",[e._v("{start: object, end:object}")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[e._v("Yes")]),e._v(" "),t("td")]),e._v(" "),t("tr",[t("td",[t("a",{attrs:{href:"#styling"}},[t("code",[e._v("borderWidth")])])]),e._v(" "),t("td",[t("code",[e._v("number")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[e._v("Yes")]),e._v(" "),t("td",[t("code",[e._v("2")])])]),e._v(" "),t("tr",[t("td",[t("a",{attrs:{href:"#general"}},[t("code",[e._v("controlPoint")])])]),e._v(" "),t("td",[t("code",[e._v("number")]),e._v(" | "),t("code",[e._v("string")]),e._v(" | "),t("code",[e._v("{x: number | string, y: number | string}")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[e._v("Yes")]),e._v(" "),t("td",[t("code",[e._v("{y:'-50%'}")])])]),e._v(" "),t("tr",[t("td",[t("a",{attrs:{href:"#general"}},[t("code",[e._v("curve")])])]),e._v(" "),t("td",[t("code",[e._v("boolean")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[e._v("Yes")]),e._v(" "),t("td",[t("code",[e._v("false")])])]),e._v(" "),t("tr",[t("td",[t("a",{attrs:{href:"#positioning"}},[t("code",[e._v("endValue")])])]),e._v(" "),t("td",[t("code",[e._v("number")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[e._v("Yes")]),e._v(" "),t("td",[t("code",[e._v("undefined")])])]),e._v(" "),t("tr",[t("td",[t("a",{attrs:{href:"#label"}},[t("code",[e._v("label")])])]),e._v(" "),t("td",[t("code",[e._v("object")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[e._v("Yes")]),e._v(" "),t("td")]),e._v(" "),t("tr",[t("td",[t("a",{attrs:{href:"#positioning"}},[t("code",[e._v("scaleID")])])]),e._v(" "),t("td",[t("code",[e._v("string")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[e._v("Yes")]),e._v(" "),t("td",[t("code",[e._v("undefined")])])]),e._v(" "),t("tr",[t("td",[t("a",{attrs:{href:"#positioning"}},[t("code",[e._v("value")])])]),e._v(" "),t("td",[t("code",[e._v("number")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[e._v("Yes")]),e._v(" "),t("td",[t("code",[e._v("undefined")])])])])]),e._v(" "),t("h3",{attrs:{id:"common-options-to-all-annotations"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#common-options-to-all-annotations"}},[e._v("#")]),e._v(" Common options to all annotations")]),e._v(" "),t("p",[e._v("The following options are available for all annotations.")]),e._v(" "),t("table",[t("thead",[t("tr",[t("th",[e._v("Name")]),e._v(" "),t("th",[e._v("Type")]),e._v(" "),t("th",{staticStyle:{"text-align":"center"}},[t("RouterLink",{attrs:{to:"/guide/options.html#scriptable-options"}},[e._v("Scriptable")])],1),e._v(" "),t("th",[e._v("Default")])])]),e._v(" "),t("tbody",[t("tr",[t("td",[t("a",{attrs:{href:"#general"}},[t("code",[e._v("adjustScaleRange")])])]),e._v(" "),t("td",[t("code",[e._v("boolean")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[e._v("Yes")]),e._v(" "),t("td",[t("code",[e._v("true")])])]),e._v(" "),t("tr",[t("td",[t("a",{attrs:{href:"#styling"}},[t("code",[e._v("backgroundColor")])])]),e._v(" "),t("td",[t("RouterLink",{attrs:{to:"/guide/options.html#color"}},[t("code",[e._v("Color")])])],1),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[e._v("Yes")]),e._v(" "),t("td",[t("code",[e._v("options.color")])])]),e._v(" "),t("tr",[t("td",[t("a",{attrs:{href:"#styling"}},[t("code",[e._v("borderColor")])])]),e._v(" "),t("td",[t("RouterLink",{attrs:{to:"/guide/options.html#color"}},[t("code",[e._v("Color")])])],1),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[e._v("Yes")]),e._v(" "),t("td",[t("code",[e._v("options.color")])])]),e._v(" "),t("tr",[t("td",[t("a",{attrs:{href:"#styling"}},[t("code",[e._v("borderDash")])])]),e._v(" "),t("td",[t("code",[e._v("number[]")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[e._v("Yes")]),e._v(" "),t("td",[t("code",[e._v("[]")])])]),e._v(" "),t("tr",[t("td",[t("a",{attrs:{href:"#styling"}},[t("code",[e._v("borderDashOffset")])])]),e._v(" "),t("td",[t("code",[e._v("number")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[e._v("Yes")]),e._v(" "),t("td",[t("code",[e._v("0")])])]),e._v(" "),t("tr",[t("td",[t("a",{attrs:{href:"#styling"}},[t("code",[e._v("borderShadowColor")])])]),e._v(" "),t("td",[t("RouterLink",{attrs:{to:"/guide/options.html#color"}},[t("code",[e._v("Color")])])],1),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[e._v("Yes")]),e._v(" "),t("td",[t("code",[e._v("'transparent'")])])]),e._v(" "),t("tr",[t("td",[t("a",{attrs:{href:"#general"}},[t("code",[e._v("display")])])]),e._v(" "),t("td",[t("code",[e._v("boolean")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[e._v("Yes")]),e._v(" "),t("td",[t("code",[e._v("true")])])]),e._v(" "),t("tr",[t("td",[t("a",{attrs:{href:"#general"}},[t("code",[e._v("drawTime")])])]),e._v(" "),t("td",[t("code",[e._v("string")]),e._v("|"),t("code",[e._v("number")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[e._v("Yes")]),e._v(" "),t("td",[t("code",[e._v("'afterDatasetsDraw'")])])]),e._v(" "),t("tr",[t("td",[t("a",{attrs:{href:"#general"}},[t("code",[e._v("hitTolerance")])])]),e._v(" "),t("td",[t("code",[e._v("number")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[e._v("Yes")]),e._v(" "),t("td",[t("code",[e._v("0")])])]),e._v(" "),t("tr",[t("td",[t("RouterLink",{attrs:{to:"/guide/configuration.html#common"}},[t("code",[e._v("init")])])],1),e._v(" "),t("td",[t("code",[e._v("boolean")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[t("RouterLink",{attrs:{to:"/guide/configuration.html#initial-animation"}},[e._v("See initial animation")])],1),e._v(" "),t("td",[t("code",[e._v("undefined")])])]),e._v(" "),t("tr",[t("td",[t("a",{attrs:{href:"#general"}},[t("code",[e._v("id")])])]),e._v(" "),t("td",[t("code",[e._v("string")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[e._v("No")]),e._v(" "),t("td",[t("code",[e._v("undefined")])])]),e._v(" "),t("tr",[t("td",[t("a",{attrs:{href:"#styling"}},[t("code",[e._v("shadowBlur")])])]),e._v(" "),t("td",[t("code",[e._v("number")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[e._v("Yes")]),e._v(" "),t("td",[t("code",[e._v("0")])])]),e._v(" "),t("tr",[t("td",[t("a",{attrs:{href:"#styling"}},[t("code",[e._v("shadowOffsetX")])])]),e._v(" "),t("td",[t("code",[e._v("number")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[e._v("Yes")]),e._v(" "),t("td",[t("code",[e._v("0")])])]),e._v(" "),t("tr",[t("td",[t("a",{attrs:{href:"#styling"}},[t("code",[e._v("shadowOffsetY")])])]),e._v(" "),t("td",[t("code",[e._v("number")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[e._v("Yes")]),e._v(" "),t("td",[t("code",[e._v("0")])])]),e._v(" "),t("tr",[t("td",[t("a",{attrs:{href:"#general"}},[t("code",[e._v("xMax")])])]),e._v(" "),t("td",[t("code",[e._v("number")]),e._v(" | "),t("code",[e._v("string")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[e._v("Yes")]),e._v(" "),t("td",[t("code",[e._v("undefined")])])]),e._v(" "),t("tr",[t("td",[t("a",{attrs:{href:"#general"}},[t("code",[e._v("xMin")])])]),e._v(" "),t("td",[t("code",[e._v("number")]),e._v(" | "),t("code",[e._v("string")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[e._v("Yes")]),e._v(" "),t("td",[t("code",[e._v("undefined")])])]),e._v(" "),t("tr",[t("td",[t("a",{attrs:{href:"#general"}},[t("code",[e._v("xScaleID")])])]),e._v(" "),t("td",[t("code",[e._v("string")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[e._v("Yes")]),e._v(" "),t("td",[t("code",[e._v("undefined")])])]),e._v(" "),t("tr",[t("td",[t("a",{attrs:{href:"#general"}},[t("code",[e._v("yMin")])])]),e._v(" "),t("td",[t("code",[e._v("number")]),e._v(" | "),t("code",[e._v("string")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[e._v("Yes")]),e._v(" "),t("td",[t("code",[e._v("undefined")])])]),e._v(" "),t("tr",[t("td",[t("a",{attrs:{href:"#general"}},[t("code",[e._v("yMax")])])]),e._v(" "),t("td",[t("code",[e._v("number")]),e._v(" | "),t("code",[e._v("string")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[e._v("Yes")]),e._v(" "),t("td",[t("code",[e._v("undefined")])])]),e._v(" "),t("tr",[t("td",[t("a",{attrs:{href:"#general"}},[t("code",[e._v("yScaleID")])])]),e._v(" "),t("td",[t("code",[e._v("string")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[e._v("Yes")]),e._v(" "),t("td",[t("code",[e._v("undefined")])])]),e._v(" "),t("tr",[t("td",[t("a",{attrs:{href:"#general"}},[t("code",[e._v("z")])])]),e._v(" "),t("td",[t("code",[e._v("number")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[e._v("Yes")]),e._v(" "),t("td",[t("code",[e._v("0")])])])])]),e._v(" "),t("h3",{attrs:{id:"general"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#general"}},[e._v("#")]),e._v(" General")]),e._v(" "),t("p",[e._v("If one of the axes does not match an axis in the chart then the line behaviors are the following, depending on how the line should be drawn:")]),e._v(" "),t("ol",[t("li",[e._v("if "),t("code",[e._v("scaleID")]),e._v(" is not resolved, the line will take the entire chart dimension, from the top-left vertex to the bottom-right vertex of the chart")]),e._v(" "),t("li",[e._v("if "),t("code",[e._v("xScaleID")]),e._v(" is not resolved, the line will take the entire chart width")]),e._v(" "),t("li",[e._v("if "),t("code",[e._v("yScaleID")]),e._v(" is not resolved, the line will take the entire chart height")])]),e._v(" "),t("p",[e._v("The 2 coordinates, start, end, are optional. If not specified, the line is expanded out to the edges in the respective direction.\nThe 4 coordinates, xMin, xMax, yMin, yMax are optional. If not specified, the line is expanded out to the edges in the respective direction.")]),e._v(" "),t("p",[e._v("The "),t("code",[e._v("id")]),e._v(" identifies a unique id for the annotation and it will be stored in the element context. When the annotations are defined by an object, the id is automatically set using the key used to store the annotations in the object. When the annotations are configured by an array, the id, passed by this option in the annotation, will be used.")]),e._v(" "),t("h4",{attrs:{id:"positioning"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#positioning"}},[e._v("#")]),e._v(" Positioning")]),e._v(" "),t("p",[e._v("The line can be positioned in two different ways. If "),t("code",[e._v("scaleID")]),e._v(" is set, then "),t("code",[e._v("value")]),e._v(" and "),t("code",[e._v("endValue")]),e._v(" must also be set to indicate the endpoints of the line. The line will be perpendicular to the axis identified by "),t("code",[e._v("scaleID")]),e._v(".")]),e._v(" "),t("p",[e._v("If "),t("code",[e._v("scaleID")]),e._v(" is unset, then "),t("code",[e._v("xScaleID")]),e._v(" and "),t("code",[e._v("yScaleID")]),e._v(" are used to draw a line from "),t("code",[e._v("(xMin, yMin)")]),e._v(" to "),t("code",[e._v("(xMax, yMax)")]),e._v(".")]),e._v(" "),t("table",[t("thead",[t("tr",[t("th",[e._v("Name")]),e._v(" "),t("th",[e._v("Description")])])]),e._v(" "),t("tbody",[t("tr",[t("td",[t("code",[e._v("adjustScaleRange")])]),e._v(" "),t("td",[e._v("Should the scale range be adjusted if this annotation is out of range.")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("controlPoint")])]),e._v(" "),t("td",[e._v("if "),t("code",[e._v("curve")]),e._v(" is enabled, it configures the control point to drawn the curve, calculated in pixels. It can be set by a string in percentage format "),t("code",[e._v("'number%'")]),e._v(" which are representing the percentage of the distance between the start and end point from the center.")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("curve")])]),e._v(" "),t("td",[e._v("Whether or not a quadratic "),t("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Glossary/Bezier_curve",target:"_blank",rel:"noopener noreferrer"}},[e._v("Bézier curve"),t("OutboundLink")],1),e._v(" is drawn.")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("display")])]),e._v(" "),t("td",[e._v("Whether or not this annotation is visible.")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("drawTime")])]),e._v(" "),t("td",[e._v("See "),t("RouterLink",{attrs:{to:"/guide/options.html#draw-time"}},[e._v("drawTime")]),e._v(".")],1)]),e._v(" "),t("tr",[t("td",[t("code",[e._v("endValue")])]),e._v(" "),t("td",[e._v("End two of the line when a single scale is specified.")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("hitTolerance")])]),e._v(" "),t("td",[e._v("Amount of pixels to interact with annotations within some distance of the mouse point.")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("id")])]),e._v(" "),t("td",[e._v("Identifies a unique id for the annotation and it will be stored in the element context. When the annotations are defined by an object, the id is automatically set using the key used to store the annotations in the object. When the annotations are configured by an array, the id, passed by this option in the annotation, will be used.")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("scaleID")])]),e._v(" "),t("td",[e._v("ID of the scale in single scale mode. If unset, "),t("code",[e._v("xScaleID")]),e._v(" and "),t("code",[e._v("yScaleID")]),e._v(" are used.")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("value")])]),e._v(" "),t("td",[e._v("End one of the line when a single scale is specified.")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("xMax")])]),e._v(" "),t("td",[e._v("X coordinate of end two of the line in units along the x axis.")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("xMin")])]),e._v(" "),t("td",[e._v("X coordinate of end one of the line in units along the x axis.")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("xScaleID")])]),e._v(" "),t("td",[e._v("ID of the X scale to bind onto. If missing, the plugin will try to use the scale of the chart, configured as "),t("code",[e._v("'x'")]),e._v(" axis. If more than one scale has been defined in the chart as "),t("code",[e._v("'x'")]),e._v(" axis, the option is mandatory to select the right scale.")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("yMax")])]),e._v(" "),t("td",[e._v("Y coordinate of end two of the line in units along the y axis.")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("yMin")])]),e._v(" "),t("td",[e._v("Y coordinate of end one of the line in units along the y axis.")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("yScaleID")])]),e._v(" "),t("td",[e._v("ID of the Y scale to bind onto. If missing, the plugin will try to use the scale of the chart, configured as "),t("code",[e._v("'y'")]),e._v(" axis. If more than one scale has been defined in the chart as "),t("code",[e._v("'y'")]),e._v(" axis, the option is mandatory to select the right scale.")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("z")])]),e._v(" "),t("td",[e._v("The "),t("code",[e._v("z")]),e._v(" property determines the drawing stack level of the line annotation element. All visible elements will be drawn in ascending order of "),t("code",[e._v("z")]),e._v(" option, with the same "),t("code",[e._v("drawTime")]),e._v(" option.")])])])]),e._v(" "),t("h3",{attrs:{id:"styling"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#styling"}},[e._v("#")]),e._v(" Styling")]),e._v(" "),t("table",[t("thead",[t("tr",[t("th",[e._v("Name")]),e._v(" "),t("th",[e._v("Description")])])]),e._v(" "),t("tbody",[t("tr",[t("td",[t("code",[e._v("borderColor")])]),e._v(" "),t("td",[e._v("Stroke color.")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("borderDash")])]),e._v(" "),t("td",[e._v("Length and spacing of dashes. See "),t("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/setLineDash",target:"_blank",rel:"noopener noreferrer"}},[e._v("MDN"),t("OutboundLink")],1),e._v(".")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("borderDashOffset")])]),e._v(" "),t("td",[e._v("Offset for line dashes. See "),t("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/lineDashOffset",target:"_blank",rel:"noopener noreferrer"}},[e._v("MDN"),t("OutboundLink")],1),e._v(".")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("borderShadowColor")])]),e._v(" "),t("td",[e._v("The color of shadow. See "),t("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/shadowColor",target:"_blank",rel:"noopener noreferrer"}},[e._v("MDN"),t("OutboundLink")],1),e._v(".")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("borderWidth")])]),e._v(" "),t("td",[e._v("Stroke width.")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("shadowBlur")])]),e._v(" "),t("td",[e._v("The amount of blur applied to shadow. See "),t("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/shadowBlur",target:"_blank",rel:"noopener noreferrer"}},[e._v("MDN"),t("OutboundLink")],1),e._v(".")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("shadowOffsetX")])]),e._v(" "),t("td",[e._v("The distance that shadow will be offset horizontally. See "),t("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/shadowOffsetX",target:"_blank",rel:"noopener noreferrer"}},[e._v("MDN"),t("OutboundLink")],1),e._v(".")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("shadowOffsetY")])]),e._v(" "),t("td",[e._v("The distance that shadow will be offset vertically. See "),t("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/shadowOffsetY",target:"_blank",rel:"noopener noreferrer"}},[e._v("MDN"),t("OutboundLink")],1),e._v(".")])])])]),e._v(" "),t("h2",{attrs:{id:"label"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#label"}},[e._v("#")]),e._v(" Label")]),e._v(" "),t("p",[e._v("Namespace: "),t("code",[e._v("options.annotations[annotationID].label")]),e._v(", it defines options for the line annotation label.")]),e._v(" "),t("p",[e._v("All of these options can be "),t("RouterLink",{attrs:{to:"/guide/options.html#scriptable-options"}},[e._v("Scriptable")])],1),e._v(" "),t("table",[t("thead",[t("tr",[t("th",[e._v("Name")]),e._v(" "),t("th",[e._v("Type")]),e._v(" "),t("th",{staticStyle:{"text-align":"center"}},[e._v("Default")]),e._v(" "),t("th",[e._v("Notes")])])]),e._v(" "),t("tbody",[t("tr",[t("td",[t("code",[e._v("backgroundColor")])]),e._v(" "),t("td",[t("RouterLink",{attrs:{to:"/guide/options.html#color"}},[t("code",[e._v("Color")])])],1),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[t("code",[e._v("'rgba(0,0,0,0.8)'")])]),e._v(" "),t("td",[e._v("Background color of the label container.")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("backgroundShadowColor")])]),e._v(" "),t("td",[t("RouterLink",{attrs:{to:"/guide/options.html#color"}},[t("code",[e._v("Color")])])],1),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[t("code",[e._v("'transparent'")])]),e._v(" "),t("td",[e._v("The color of shadow of the box where the label is located. See "),t("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/shadowColor",target:"_blank",rel:"noopener noreferrer"}},[e._v("MDN"),t("OutboundLink")],1),e._v(".")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("borderCapStyle")])]),e._v(" "),t("td",[t("code",[e._v("string")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[t("code",[e._v("'butt'")])]),e._v(" "),t("td",[e._v("Cap style of the border line. See "),t("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/lineCap",target:"_blank",rel:"noopener noreferrer"}},[e._v("MDN"),t("OutboundLink")],1),e._v(".")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("borderColor")])]),e._v(" "),t("td",[t("RouterLink",{attrs:{to:"/guide/options.html#color"}},[t("code",[e._v("Color")])])],1),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[t("code",[e._v("black")])]),e._v(" "),t("td",[e._v("The border line color.")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("borderDash")])]),e._v(" "),t("td",[t("code",[e._v("number[]")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[t("code",[e._v("[]")])]),e._v(" "),t("td",[e._v("Length and spacing of dashes. See "),t("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/setLineDash",target:"_blank",rel:"noopener noreferrer"}},[e._v("MDN"),t("OutboundLink")],1),e._v(".")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("borderDashOffset")])]),e._v(" "),t("td",[t("code",[e._v("number")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[t("code",[e._v("0")])]),e._v(" "),t("td",[e._v("Offset for border line dashes. See "),t("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/lineDashOffset",target:"_blank",rel:"noopener noreferrer"}},[e._v("MDN"),t("OutboundLink")],1),e._v(".")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("borderJoinStyle")])]),e._v(" "),t("td",[t("code",[e._v("string")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[t("code",[e._v("'miter'")])]),e._v(" "),t("td",[e._v("Border line join style. See "),t("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/lineJoin",target:"_blank",rel:"noopener noreferrer"}},[e._v("MDN"),t("OutboundLink")],1),e._v(".")])]),e._v(" "),t("tr",[t("td",[t("a",{attrs:{href:"#borderradius"}},[t("code",[e._v("borderRadius")])])]),e._v(" "),t("td",[t("code",[e._v("number")]),e._v(" | "),t("code",[e._v("object")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[t("code",[e._v("6")])]),e._v(" "),t("td",[e._v("Radius of label box corners in pixels.")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("borderShadowColor")])]),e._v(" "),t("td",[t("RouterLink",{attrs:{to:"/guide/options.html#color"}},[t("code",[e._v("Color")])])],1),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[t("code",[e._v("'transparent'")])]),e._v(" "),t("td",[e._v("The color of border shadow of the box where the label is located. See "),t("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/shadowColor",target:"_blank",rel:"noopener noreferrer"}},[e._v("MDN"),t("OutboundLink")],1),e._v(".")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("borderWidth")])]),e._v(" "),t("td",[t("code",[e._v("number")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[t("code",[e._v("0")])]),e._v(" "),t("td",[e._v("The border line width (in pixels).")])]),e._v(" "),t("tr",[t("td",[t("a",{attrs:{href:"#callout"}},[t("code",[e._v("callout")])])]),e._v(" "),t("td",[t("code",[e._v("object")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}}),e._v(" "),t("td",[e._v("Can connect the label to the line. See "),t("a",{attrs:{href:"#callout"}},[e._v("callout")]),e._v(".")])]),e._v(" "),t("tr",[t("td",[t("a",{attrs:{href:"#fonts-and-colors"}},[t("code",[e._v("color")])])]),e._v(" "),t("td",[t("a",{attrs:{href:"../options#color"}},[t("code",[e._v("Color")]),e._v("|"),t("code",[e._v("Color[]")])])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[t("code",[e._v("'#fff'")])]),e._v(" "),t("td",[e._v("Text color.")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("content")])]),e._v(" "),t("td",[t("code",[e._v("string")]),e._v("|"),t("code",[e._v("string[]")]),e._v("|"),t("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/HTMLImageElement/Image",target:"_blank",rel:"noopener noreferrer"}},[t("code",[e._v("Image")]),t("OutboundLink")],1),e._v("|"),t("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/HTMLCanvasElement",target:"_blank",rel:"noopener noreferrer"}},[t("code",[e._v("HTMLCanvasElement")]),t("OutboundLink")],1)]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[t("code",[e._v("null")])]),e._v(" "),t("td",[e._v("The content to show in the label.")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("display")])]),e._v(" "),t("td",[t("code",[e._v("boolean")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[t("code",[e._v("false")])]),e._v(" "),t("td",[e._v("Whether or not the label is shown.")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("drawTime")])]),e._v(" "),t("td",[t("code",[e._v("string")]),e._v("|"),t("code",[e._v("number")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[t("code",[e._v("options.drawTime")])]),e._v(" "),t("td",[e._v("See "),t("a",{attrs:{href:"../options#draw-time"}},[e._v("drawTime")]),e._v(". Defaults to the line annotation draw time if unset.")])]),e._v(" "),t("tr",[t("td",[t("a",{attrs:{href:"#fonts-and-colors"}},[t("code",[e._v("font")])])]),e._v(" "),t("td",[t("a",{attrs:{href:"../options#font"}},[t("code",[e._v("Font")]),e._v("|"),t("code",[e._v("Font[]")])])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[t("code",[e._v("{ weight: 'bold' }")])]),e._v(" "),t("td",[e._v("Label font.")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("height")])]),e._v(" "),t("td",[t("code",[e._v("number")]),e._v("|"),t("code",[e._v("string")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[t("code",[e._v("undefined")])]),e._v(" "),t("td",[e._v("Overrides the height of the image or canvas element. Could be set in pixel by a number, or in percentage of current height of image or canvas element by a string. If undefined, uses the height of the image or canvas element. It is used only when the content is an image or canvas element.")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("hitTolerance")])]),e._v(" "),t("td",[t("code",[e._v("number")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[t("code",[e._v("undefined")])]),e._v(" "),t("td",[e._v("Amount of pixels to interact with annotations within some distance of the mouse point.")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("opacity")])]),e._v(" "),t("td",[t("code",[e._v("number")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[t("code",[e._v("undefined")])]),e._v(" "),t("td",[e._v("Overrides the opacity of the image or canvas element. Could be set a number in the range 0.0 to 1.0, inclusive. If undefined, uses the opacity of the image or canvas element. It is used only when the content is an image or canvas element.")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("padding")])]),e._v(" "),t("td",[t("RouterLink",{attrs:{to:"/guide/options.html#padding"}},[t("code",[e._v("Padding")])])],1),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[t("code",[e._v("6")])]),e._v(" "),t("td",[e._v("The padding to add around the text label.")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("position")])]),e._v(" "),t("td",[t("code",[e._v("string")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[t("code",[e._v("'center'")])]),e._v(" "),t("td",[e._v("Anchor position of label on line. Possible options are: "),t("code",[e._v("'start'")]),e._v(", "),t("code",[e._v("'center'")]),e._v(", "),t("code",[e._v("'end'")]),e._v(". It can be set by a string in percentage format "),t("code",[e._v("'number%'")]),e._v(" which are representing the percentage on the width of the line where the label will be located.")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("rotation")])]),e._v(" "),t("td",[t("code",[e._v("number")]),e._v("|"),t("code",[e._v("'auto'")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[t("code",[e._v("0")])]),e._v(" "),t("td",[e._v("Rotation of label, in degrees, or 'auto' to use the degrees of the line.")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("shadowBlur")])]),e._v(" "),t("td",[t("code",[e._v("number")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[t("code",[e._v("0")])]),e._v(" "),t("td",[e._v("The amount of blur applied to shadow of the box where the label is located. See "),t("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/shadowBlur",target:"_blank",rel:"noopener noreferrer"}},[e._v("MDN"),t("OutboundLink")],1),e._v(".")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("shadowOffsetX")])]),e._v(" "),t("td",[t("code",[e._v("number")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[t("code",[e._v("0")])]),e._v(" "),t("td",[e._v("The distance that shadow, of the box where the label is located, will be offset horizontally. See "),t("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/shadowOffsetX",target:"_blank",rel:"noopener noreferrer"}},[e._v("MDN"),t("OutboundLink")],1),e._v(".")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("shadowOffsetY")])]),e._v(" "),t("td",[t("code",[e._v("number")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[t("code",[e._v("0")])]),e._v(" "),t("td",[e._v("The distance that shadow, of the box where the label is located, will be offset vertically. See "),t("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/shadowOffsetY",target:"_blank",rel:"noopener noreferrer"}},[e._v("MDN"),t("OutboundLink")],1),e._v(".")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("textAlign")])]),e._v(" "),t("td",[t("code",[e._v("string")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[t("code",[e._v("'center'")])]),e._v(" "),t("td",[e._v("Text alignment of label content when there's more than one line. Possible options are: "),t("code",[e._v("'start'")]),e._v(", "),t("code",[e._v("'center'")]),e._v(", "),t("code",[e._v("'end'")]),e._v(".")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("textStrokeColor")])]),e._v(" "),t("td",[t("RouterLink",{attrs:{to:"/guide/options.html#color"}},[t("code",[e._v("Color")])])],1),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[t("code",[e._v("undefined")])]),e._v(" "),t("td",[e._v("The color of the stroke around the text.")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("textStrokeWidth")])]),e._v(" "),t("td",[t("code",[e._v("number")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[t("code",[e._v("0")])]),e._v(" "),t("td",[e._v("Stroke width around the text.")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("width")])]),e._v(" "),t("td",[t("code",[e._v("number")]),e._v("|"),t("code",[e._v("string")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[t("code",[e._v("undefined")])]),e._v(" "),t("td",[e._v("Overrides the width of the image or canvas element. Could be set in pixel by a number, or in percentage of current width of image or canvas element by a string. If undefined, uses the width of the image or canvas element. It is used only when the content is an image or canvas element.")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("xAdjust")])]),e._v(" "),t("td",[t("code",[e._v("number")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[t("code",[e._v("0")])]),e._v(" "),t("td",[e._v("Adjustment along x-axis (left-right) of label relative to computed position. Negative values move the label left, positive right.")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("yAdjust")])]),e._v(" "),t("td",[t("code",[e._v("number")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[t("code",[e._v("0")])]),e._v(" "),t("td",[e._v("Adjustment along y-axis (top-bottom) of label relative to computed position. Negative values move the label up, positive down.")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("z")])]),e._v(" "),t("td",[t("code",[e._v("number")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[t("code",[e._v("0")])]),e._v(" "),t("td",[e._v("It determines the drawing stack level of the label element, with same "),t("code",[e._v("drawTime")]),e._v(".")])])])]),e._v(" "),t("h3",{attrs:{id:"borderradius"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#borderradius"}},[e._v("#")]),e._v(" borderRadius")]),e._v(" "),t("p",[e._v("If this value is a number, it is applied to all corners of the rectangle (topLeft, topRight, bottomLeft, bottomRight). If this value is an object, the "),t("code",[e._v("topLeft")]),e._v(" property defines the top-left corners border radius. Similarly, the "),t("code",[e._v("topRight")]),e._v(", "),t("code",[e._v("bottomLeft")]),e._v(", and "),t("code",[e._v("bottomRight")]),e._v(" properties can also be specified. Omitted corners have radius of 0.")]),e._v(" "),t("h3",{attrs:{id:"fonts-and-colors"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#fonts-and-colors"}},[e._v("#")]),e._v(" Fonts and colors")]),e._v(" "),t("p",[e._v("When the label to draw has multiple lines, you can use different font and color for each line of the label. This is enabled configuring an array of fonts or colors for those options. When the lines are more than the configured fonts of colors, the last configuration of those options is used for all remaining lines.")]),e._v(" "),t("h3",{attrs:{id:"callout"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#callout"}},[e._v("#")]),e._v(" Callout")]),e._v(" "),t("p",[e._v("A callout can connect the label to the line when the label is arbitrarily (by "),t("code",[e._v("xAdjust")]),e._v(" and "),t("code",[e._v("yAdjust")]),e._v(" options) moved from its original position.")]),e._v(" "),t("p",[e._v("Namespace: "),t("code",[e._v("options.annotations[annotationID].label.callout")]),e._v(", it defines options for the callout on the label of the line annotation.")]),e._v(" "),t("p",[e._v("All of these options can be "),t("RouterLink",{attrs:{to:"/guide/options.html#scriptable-options"}},[e._v("Scriptable")]),e._v(".")],1),e._v(" "),t("table",[t("thead",[t("tr",[t("th",[e._v("Name")]),e._v(" "),t("th",[e._v("Type")]),e._v(" "),t("th",{staticStyle:{"text-align":"center"}},[e._v("Default")]),e._v(" "),t("th",[e._v("Notes")])])]),e._v(" "),t("tbody",[t("tr",[t("td",[t("code",[e._v("borderCapStyle")])]),e._v(" "),t("td",[t("code",[e._v("string")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[t("code",[e._v("'butt'")])]),e._v(" "),t("td",[e._v("Cap style of the border line of callout. See "),t("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/lineCap",target:"_blank",rel:"noopener noreferrer"}},[e._v("MDN"),t("OutboundLink")],1),e._v(".")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("borderColor")])]),e._v(" "),t("td",[t("RouterLink",{attrs:{to:"/guide/options.html#color"}},[t("code",[e._v("Color")])])],1),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[t("code",[e._v("undefined")])]),e._v(" "),t("td",[e._v("Stroke color of the pointer of the callout.")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("borderDash")])]),e._v(" "),t("td",[t("code",[e._v("number[]")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[t("code",[e._v("[]")])]),e._v(" "),t("td",[e._v("Length and spacing of dashes of callout. See "),t("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/setLineDash",target:"_blank",rel:"noopener noreferrer"}},[e._v("MDN"),t("OutboundLink")],1),e._v(".")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("borderDashOffset")])]),e._v(" "),t("td",[t("code",[e._v("number")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[t("code",[e._v("0")])]),e._v(" "),t("td",[e._v("Offset for line dashes of callout. See "),t("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/lineDashOffset",target:"_blank",rel:"noopener noreferrer"}},[e._v("MDN"),t("OutboundLink")],1),e._v(".")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("borderJoinStyle")])]),e._v(" "),t("td",[t("code",[e._v("string")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[t("code",[e._v("'miter'")])]),e._v(" "),t("td",[e._v("Border line join style of the callout. See "),t("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/lineJoin",target:"_blank",rel:"noopener noreferrer"}},[e._v("MDN"),t("OutboundLink")],1),e._v(".")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("borderWidth")])]),e._v(" "),t("td",[t("code",[e._v("number")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[t("code",[e._v("1")])]),e._v(" "),t("td",[e._v("Stroke width of the pointer of the callout.")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("display")])]),e._v(" "),t("td",[t("code",[e._v("boolean")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[t("code",[e._v("false")])]),e._v(" "),t("td",[e._v("If true, the callout is drawn.")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("margin")])]),e._v(" "),t("td",[t("code",[e._v("number")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[t("code",[e._v("5")])]),e._v(" "),t("td",[e._v("Amount of pixels between the label and the callout separator.")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("position")])]),e._v(" "),t("td",[t("code",[e._v("string")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[t("code",[e._v("'auto'")])]),e._v(" "),t("td",[e._v("The position of callout, with respect to the label. Could be "),t("code",[e._v("left")]),e._v(", "),t("code",[e._v("top")]),e._v(", "),t("code",[e._v("right")]),e._v(", "),t("code",[e._v("bottom")]),e._v(" or "),t("code",[e._v("auto")]),e._v(".")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("side")])]),e._v(" "),t("td",[t("code",[e._v("number")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[t("code",[e._v("5")])]),e._v(" "),t("td",[e._v("Width of the starter line of callout pointer.")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("start")])]),e._v(" "),t("td",[t("code",[e._v("number")]),e._v("|"),t("code",[e._v("string")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[t("code",[e._v("'50%'")])]),e._v(" "),t("td",[e._v("The percentage of the separator dimension to use as starting point for callout pointer. Could be set in pixel by a number, or in percentage of the separator dimension by a string.")])])])]),e._v(" "),t("h2",{attrs:{id:"arrow-heads"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#arrow-heads"}},[e._v("#")]),e._v(" Arrow heads")]),e._v(" "),t("p",[e._v("Namespace: "),t("code",[e._v("options.annotations[annotationID].arrowHeads")]),e._v(", it defines options for the line annotation arrow heads.")]),e._v(" "),t("p",[e._v("All of these options can be "),t("RouterLink",{attrs:{to:"/guide/options.html#scriptable-options"}},[e._v("Scriptable")])],1),e._v(" "),t("table",[t("thead",[t("tr",[t("th",[e._v("Name")]),e._v(" "),t("th",[e._v("Type")]),e._v(" "),t("th",[e._v("Notes")])])]),e._v(" "),t("tbody",[t("tr",[t("td",[t("a",{attrs:{href:"#arrow-head-configuration"}},[t("code",[e._v("end")])])]),e._v(" "),t("td",[t("code",[e._v("object")])]),e._v(" "),t("td",[e._v("To configure the arrow head at the end of the line.")])]),e._v(" "),t("tr",[t("td",[t("a",{attrs:{href:"#arrow-head-configuration"}},[t("code",[e._v("start")])])]),e._v(" "),t("td",[t("code",[e._v("object")])]),e._v(" "),t("td",[e._v("To configure the arrow head at the start of the line.")])])])]),e._v(" "),t("h3",{attrs:{id:"arrow-head-configuration"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#arrow-head-configuration"}},[e._v("#")]),e._v(" Arrow head configuration")]),e._v(" "),t("p",[e._v("Enabling it, you can add arrow heads at start and/or end of a line. It uses the "),t("code",[e._v("borderWidth")]),e._v(" of the line options to configure the line width of the arrow head.")]),e._v(" "),t("p",[e._v("The following options can be specified per ("),t("code",[e._v("start")]),e._v(" and/or "),t("code",[e._v("end")]),e._v(") arrow head, or at the top level ("),t("code",[e._v("arrowHeads")]),e._v(") which apply to all arrow heads.")]),e._v(" "),t("p",[e._v("All of these options can be "),t("RouterLink",{attrs:{to:"/guide/options.html#scriptable-options"}},[e._v("Scriptable")])],1),e._v(" "),t("table",[t("thead",[t("tr",[t("th",[e._v("Name")]),e._v(" "),t("th",[e._v("Type")]),e._v(" "),t("th",{staticStyle:{"text-align":"center"}},[e._v("Default")]),e._v(" "),t("th",[e._v("Notes")])])]),e._v(" "),t("tbody",[t("tr",[t("td",[t("code",[e._v("backgroundColor")])]),e._v(" "),t("td",[t("RouterLink",{attrs:{to:"/guide/options.html#color"}},[t("code",[e._v("Color")])])],1),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[t("code",[e._v("lineAnnotation.borderColor")])]),e._v(" "),t("td",[e._v("Background color of the arrow head.")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("backgroundShadowColor")])]),e._v(" "),t("td",[t("RouterLink",{attrs:{to:"/guide/options.html#color"}},[t("code",[e._v("Color")])])],1),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[t("code",[e._v("'transparent'")])]),e._v(" "),t("td",[e._v("The color of shadow of the arrow head. See "),t("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/shadowColor",target:"_blank",rel:"noopener noreferrer"}},[e._v("MDN"),t("OutboundLink")],1),e._v(".")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("borderColor")])]),e._v(" "),t("td",[t("RouterLink",{attrs:{to:"/guide/options.html#color"}},[t("code",[e._v("Color")])])],1),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[t("code",[e._v("lineAnnotation.borderColor")])]),e._v(" "),t("td",[e._v("The border arrow head color.")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("borderDash")])]),e._v(" "),t("td",[t("code",[e._v("number[]")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[t("code",[e._v("lineAnnotation.borderDash")])]),e._v(" "),t("td",[e._v("Length and spacing of dashes. See "),t("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/setLineDash",target:"_blank",rel:"noopener noreferrer"}},[e._v("MDN"),t("OutboundLink")],1),e._v(".")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("borderDashOffset")])]),e._v(" "),t("td",[t("code",[e._v("number")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[t("code",[e._v("lineAnnotation.borderDashOffset")])]),e._v(" "),t("td",[e._v("Offset for border arrow head dashes. See "),t("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/lineDashOffset",target:"_blank",rel:"noopener noreferrer"}},[e._v("MDN"),t("OutboundLink")],1),e._v(".")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("borderShadowColor")])]),e._v(" "),t("td",[t("RouterLink",{attrs:{to:"/guide/options.html#color"}},[t("code",[e._v("Color")])])],1),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[t("code",[e._v("lineAnnotation.borderShadowColor")])]),e._v(" "),t("td",[e._v("The color of border shadow of the arrow head. See "),t("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/shadowColor",target:"_blank",rel:"noopener noreferrer"}},[e._v("MDN"),t("OutboundLink")],1),e._v(".")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("borderWidth")])]),e._v(" "),t("td",[t("code",[e._v("number")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[t("code",[e._v("lineAnnotation.borderWidth")])]),e._v(" "),t("td",[e._v("The border line width (in pixels).")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("display")])]),e._v(" "),t("td",[t("code",[e._v("boolean")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[t("code",[e._v("false")])]),e._v(" "),t("td",[e._v("Whether or not the arrow head is shown.")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("fill")])]),e._v(" "),t("td",[t("code",[e._v("boolean")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[t("code",[e._v("false")])]),e._v(" "),t("td",[e._v("Whether or not the arrow head is filled.")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("length")])]),e._v(" "),t("td",[t("code",[e._v("number")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[t("code",[e._v("12")])]),e._v(" "),t("td",[e._v("The length of the arrow head in pixels.")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("shadowBlur")])]),e._v(" "),t("td",[t("code",[e._v("number")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[t("code",[e._v("lineAnnotation.shadowBlur")])]),e._v(" "),t("td",[e._v("The amount of blur applied to shadow of the arrow head. See "),t("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/shadowBlur",target:"_blank",rel:"noopener noreferrer"}},[e._v("MDN"),t("OutboundLink")],1),e._v(".")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("shadowOffsetX")])]),e._v(" "),t("td",[t("code",[e._v("number")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[t("code",[e._v("lineAnnotation.shadowOffsetX")])]),e._v(" "),t("td",[e._v("The distance that shadow, of the arrow head, will be offset horizontally. See "),t("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/shadowOffsetX",target:"_blank",rel:"noopener noreferrer"}},[e._v("MDN"),t("OutboundLink")],1),e._v(".")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("shadowOffsetY")])]),e._v(" "),t("td",[t("code",[e._v("number")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[t("code",[e._v("lineAnnotation.shadowOffsetY")])]),e._v(" "),t("td",[e._v("The distance that shadow, of the arrow head, will be offset vertically. See "),t("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/shadowOffsetY",target:"_blank",rel:"noopener noreferrer"}},[e._v("MDN"),t("OutboundLink")],1),e._v(".")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("width")])]),e._v(" "),t("td",[t("code",[e._v("number")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[t("code",[e._v("6")])]),e._v(" "),t("td",[e._v("The width of the arrow head in pixels.")])])])]),e._v(" "),t("h2",{attrs:{id:"element"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#element"}},[e._v("#")]),e._v(" Element")]),e._v(" "),t("p",[e._v("The following diagram is showing the element properties about a "),t("code",[e._v("'line'")]),e._v(" annotation:")]),e._v(" "),t("p",[t("img",{attrs:{src:o(264),alt:"line"}})]),e._v(" "),t("p",[e._v("The label of a box annotation is described as a "),t("RouterLink",{attrs:{to:"/guide/types/label.html#element"}},[e._v("label annotation")]),e._v(" and accessible by "),t("code",[e._v("element.label")]),e._v(".")],1)],1)}),[],!1,null,null,null);t.default=r.exports}}]); \ No newline at end of file diff --git a/master/assets/js/12.dd83f26d.js b/master/assets/js/12.dd83f26d.js deleted file mode 100644 index ff5ee9e35..000000000 --- a/master/assets/js/12.dd83f26d.js +++ /dev/null @@ -1 +0,0 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[12],{264:function(e,t,o){e.exports=o.p+"assets/img/elementLineProps.67f9d0c4.png"},469:function(e,t,o){"use strict";o.r(t);var n=o(4),r=Object(n.a)({},(function(){var e=this,t=e._self._c;return t("ContentSlotsDistributor",{attrs:{"slot-key":e.$parent.slotKey}},[t("h1",{attrs:{id:"line-annotations"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#line-annotations"}},[e._v("#")]),e._v(" Line Annotations")]),e._v(" "),t("p",[e._v("Line annotations are used to draw lines on the chart area. This can be useful for highlighting information such as a threshold.")]),e._v(" "),t("chart-editor",{attrs:{code:"/* */\nconst options = {\n plugins: {\n annotation: {\n annotations: {\n line1: {\n type: 'line',\n yMin: 60,\n yMax: 60,\n borderColor: 'rgb(255, 99, 132)',\n borderWidth: 2,\n }\n }\n }\n }\n};\n/* */\n\n/* */\nconst config = {\n type: 'line',\n data: {\n labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July'],\n datasets: [{\n label: 'My First Dataset',\n data: [65, 59, 80, 81, 56, 55, 40],\n fill: false,\n borderColor: 'rgb(75, 192, 192)',\n tension: 0.1\n }]\n },\n options\n};\n/* */\n\nmodule.exports = {\n config\n};\n"}}),t("h2",{attrs:{id:"configuration"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#configuration"}},[e._v("#")]),e._v(" Configuration")]),e._v(" "),t("h3",{attrs:{id:"line-annotation-specific-options"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#line-annotation-specific-options"}},[e._v("#")]),e._v(" Line annotation specific options")]),e._v(" "),t("p",[e._v("The following options are available for line annotations.")]),e._v(" "),t("table",[t("thead",[t("tr",[t("th",[e._v("Name")]),e._v(" "),t("th",[e._v("Type")]),e._v(" "),t("th",{staticStyle:{"text-align":"center"}},[t("RouterLink",{attrs:{to:"/guide/options.html#scriptable-options"}},[e._v("Scriptable")])],1),e._v(" "),t("th",[e._v("Default")])])]),e._v(" "),t("tbody",[t("tr",[t("td",[t("a",{attrs:{href:"#arrow-heads"}},[t("code",[e._v("arrowHeads")])])]),e._v(" "),t("td",[t("code",[e._v("{start: object, end:object}")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[e._v("Yes")]),e._v(" "),t("td")]),e._v(" "),t("tr",[t("td",[t("a",{attrs:{href:"#styling"}},[t("code",[e._v("borderWidth")])])]),e._v(" "),t("td",[t("code",[e._v("number")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[e._v("Yes")]),e._v(" "),t("td",[t("code",[e._v("2")])])]),e._v(" "),t("tr",[t("td",[t("a",{attrs:{href:"#general"}},[t("code",[e._v("controlPoint")])])]),e._v(" "),t("td",[t("code",[e._v("number")]),e._v(" | "),t("code",[e._v("string")]),e._v(" | "),t("code",[e._v("{x: number | string, y: number | string}")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[e._v("Yes")]),e._v(" "),t("td",[t("code",[e._v("{y:'-50%'}")])])]),e._v(" "),t("tr",[t("td",[t("a",{attrs:{href:"#general"}},[t("code",[e._v("curve")])])]),e._v(" "),t("td",[t("code",[e._v("boolean")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[e._v("Yes")]),e._v(" "),t("td",[t("code",[e._v("false")])])]),e._v(" "),t("tr",[t("td",[t("a",{attrs:{href:"#positioning"}},[t("code",[e._v("endValue")])])]),e._v(" "),t("td",[t("code",[e._v("number")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[e._v("Yes")]),e._v(" "),t("td",[t("code",[e._v("undefined")])])]),e._v(" "),t("tr",[t("td",[t("a",{attrs:{href:"#label"}},[t("code",[e._v("label")])])]),e._v(" "),t("td",[t("code",[e._v("object")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[e._v("Yes")]),e._v(" "),t("td")]),e._v(" "),t("tr",[t("td",[t("a",{attrs:{href:"#positioning"}},[t("code",[e._v("scaleID")])])]),e._v(" "),t("td",[t("code",[e._v("string")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[e._v("Yes")]),e._v(" "),t("td",[t("code",[e._v("undefined")])])]),e._v(" "),t("tr",[t("td",[t("a",{attrs:{href:"#positioning"}},[t("code",[e._v("value")])])]),e._v(" "),t("td",[t("code",[e._v("number")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[e._v("Yes")]),e._v(" "),t("td",[t("code",[e._v("undefined")])])])])]),e._v(" "),t("h3",{attrs:{id:"common-options-to-all-annotations"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#common-options-to-all-annotations"}},[e._v("#")]),e._v(" Common options to all annotations")]),e._v(" "),t("p",[e._v("The following options are available for all annotations.")]),e._v(" "),t("table",[t("thead",[t("tr",[t("th",[e._v("Name")]),e._v(" "),t("th",[e._v("Type")]),e._v(" "),t("th",{staticStyle:{"text-align":"center"}},[t("RouterLink",{attrs:{to:"/guide/options.html#scriptable-options"}},[e._v("Scriptable")])],1),e._v(" "),t("th",[e._v("Default")])])]),e._v(" "),t("tbody",[t("tr",[t("td",[t("a",{attrs:{href:"#general"}},[t("code",[e._v("adjustScaleRange")])])]),e._v(" "),t("td",[t("code",[e._v("boolean")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[e._v("Yes")]),e._v(" "),t("td",[t("code",[e._v("true")])])]),e._v(" "),t("tr",[t("td",[t("a",{attrs:{href:"#styling"}},[t("code",[e._v("backgroundColor")])])]),e._v(" "),t("td",[t("RouterLink",{attrs:{to:"/guide/options.html#color"}},[t("code",[e._v("Color")])])],1),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[e._v("Yes")]),e._v(" "),t("td",[t("code",[e._v("options.color")])])]),e._v(" "),t("tr",[t("td",[t("a",{attrs:{href:"#styling"}},[t("code",[e._v("borderColor")])])]),e._v(" "),t("td",[t("RouterLink",{attrs:{to:"/guide/options.html#color"}},[t("code",[e._v("Color")])])],1),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[e._v("Yes")]),e._v(" "),t("td",[t("code",[e._v("options.color")])])]),e._v(" "),t("tr",[t("td",[t("a",{attrs:{href:"#styling"}},[t("code",[e._v("borderDash")])])]),e._v(" "),t("td",[t("code",[e._v("number[]")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[e._v("Yes")]),e._v(" "),t("td",[t("code",[e._v("[]")])])]),e._v(" "),t("tr",[t("td",[t("a",{attrs:{href:"#styling"}},[t("code",[e._v("borderDashOffset")])])]),e._v(" "),t("td",[t("code",[e._v("number")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[e._v("Yes")]),e._v(" "),t("td",[t("code",[e._v("0")])])]),e._v(" "),t("tr",[t("td",[t("a",{attrs:{href:"#styling"}},[t("code",[e._v("borderShadowColor")])])]),e._v(" "),t("td",[t("RouterLink",{attrs:{to:"/guide/options.html#color"}},[t("code",[e._v("Color")])])],1),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[e._v("Yes")]),e._v(" "),t("td",[t("code",[e._v("'transparent'")])])]),e._v(" "),t("tr",[t("td",[t("a",{attrs:{href:"#general"}},[t("code",[e._v("display")])])]),e._v(" "),t("td",[t("code",[e._v("boolean")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[e._v("Yes")]),e._v(" "),t("td",[t("code",[e._v("true")])])]),e._v(" "),t("tr",[t("td",[t("a",{attrs:{href:"#general"}},[t("code",[e._v("drawTime")])])]),e._v(" "),t("td",[t("code",[e._v("string")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[e._v("Yes")]),e._v(" "),t("td",[t("code",[e._v("'afterDatasetsDraw'")])])]),e._v(" "),t("tr",[t("td",[t("a",{attrs:{href:"#general"}},[t("code",[e._v("hitTolerance")])])]),e._v(" "),t("td",[t("code",[e._v("number")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[e._v("Yes")]),e._v(" "),t("td",[t("code",[e._v("0")])])]),e._v(" "),t("tr",[t("td",[t("RouterLink",{attrs:{to:"/guide/configuration.html#common"}},[t("code",[e._v("init")])])],1),e._v(" "),t("td",[t("code",[e._v("boolean")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[t("RouterLink",{attrs:{to:"/guide/configuration.html#initial-animation"}},[e._v("See initial animation")])],1),e._v(" "),t("td",[t("code",[e._v("undefined")])])]),e._v(" "),t("tr",[t("td",[t("a",{attrs:{href:"#general"}},[t("code",[e._v("id")])])]),e._v(" "),t("td",[t("code",[e._v("string")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[e._v("No")]),e._v(" "),t("td",[t("code",[e._v("undefined")])])]),e._v(" "),t("tr",[t("td",[t("a",{attrs:{href:"#styling"}},[t("code",[e._v("shadowBlur")])])]),e._v(" "),t("td",[t("code",[e._v("number")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[e._v("Yes")]),e._v(" "),t("td",[t("code",[e._v("0")])])]),e._v(" "),t("tr",[t("td",[t("a",{attrs:{href:"#styling"}},[t("code",[e._v("shadowOffsetX")])])]),e._v(" "),t("td",[t("code",[e._v("number")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[e._v("Yes")]),e._v(" "),t("td",[t("code",[e._v("0")])])]),e._v(" "),t("tr",[t("td",[t("a",{attrs:{href:"#styling"}},[t("code",[e._v("shadowOffsetY")])])]),e._v(" "),t("td",[t("code",[e._v("number")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[e._v("Yes")]),e._v(" "),t("td",[t("code",[e._v("0")])])]),e._v(" "),t("tr",[t("td",[t("a",{attrs:{href:"#general"}},[t("code",[e._v("xMax")])])]),e._v(" "),t("td",[t("code",[e._v("number")]),e._v(" | "),t("code",[e._v("string")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[e._v("Yes")]),e._v(" "),t("td",[t("code",[e._v("undefined")])])]),e._v(" "),t("tr",[t("td",[t("a",{attrs:{href:"#general"}},[t("code",[e._v("xMin")])])]),e._v(" "),t("td",[t("code",[e._v("number")]),e._v(" | "),t("code",[e._v("string")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[e._v("Yes")]),e._v(" "),t("td",[t("code",[e._v("undefined")])])]),e._v(" "),t("tr",[t("td",[t("a",{attrs:{href:"#general"}},[t("code",[e._v("xScaleID")])])]),e._v(" "),t("td",[t("code",[e._v("string")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[e._v("Yes")]),e._v(" "),t("td",[t("code",[e._v("undefined")])])]),e._v(" "),t("tr",[t("td",[t("a",{attrs:{href:"#general"}},[t("code",[e._v("yMin")])])]),e._v(" "),t("td",[t("code",[e._v("number")]),e._v(" | "),t("code",[e._v("string")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[e._v("Yes")]),e._v(" "),t("td",[t("code",[e._v("undefined")])])]),e._v(" "),t("tr",[t("td",[t("a",{attrs:{href:"#general"}},[t("code",[e._v("yMax")])])]),e._v(" "),t("td",[t("code",[e._v("number")]),e._v(" | "),t("code",[e._v("string")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[e._v("Yes")]),e._v(" "),t("td",[t("code",[e._v("undefined")])])]),e._v(" "),t("tr",[t("td",[t("a",{attrs:{href:"#general"}},[t("code",[e._v("yScaleID")])])]),e._v(" "),t("td",[t("code",[e._v("string")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[e._v("Yes")]),e._v(" "),t("td",[t("code",[e._v("undefined")])])]),e._v(" "),t("tr",[t("td",[t("a",{attrs:{href:"#general"}},[t("code",[e._v("z")])])]),e._v(" "),t("td",[t("code",[e._v("number")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[e._v("Yes")]),e._v(" "),t("td",[t("code",[e._v("0")])])])])]),e._v(" "),t("h3",{attrs:{id:"general"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#general"}},[e._v("#")]),e._v(" General")]),e._v(" "),t("p",[e._v("If one of the axes does not match an axis in the chart then the line behaviors are the following, depending on how the line should be drawn:")]),e._v(" "),t("ol",[t("li",[e._v("if "),t("code",[e._v("scaleID")]),e._v(" is not resolved, the line will take the entire chart dimension, from the top-left vertex to the bottom-right vertex of the chart")]),e._v(" "),t("li",[e._v("if "),t("code",[e._v("xScaleID")]),e._v(" is not resolved, the line will take the entire chart width")]),e._v(" "),t("li",[e._v("if "),t("code",[e._v("yScaleID")]),e._v(" is not resolved, the line will take the entire chart height")])]),e._v(" "),t("p",[e._v("The 2 coordinates, start, end, are optional. If not specified, the line is expanded out to the edges in the respective direction.\nThe 4 coordinates, xMin, xMax, yMin, yMax are optional. If not specified, the line is expanded out to the edges in the respective direction.")]),e._v(" "),t("p",[e._v("The "),t("code",[e._v("id")]),e._v(" identifies a unique id for the annotation and it will be stored in the element context. When the annotations are defined by an object, the id is automatically set using the key used to store the annotations in the object. When the annotations are configured by an array, the id, passed by this option in the annotation, will be used.")]),e._v(" "),t("h4",{attrs:{id:"positioning"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#positioning"}},[e._v("#")]),e._v(" Positioning")]),e._v(" "),t("p",[e._v("The line can be positioned in two different ways. If "),t("code",[e._v("scaleID")]),e._v(" is set, then "),t("code",[e._v("value")]),e._v(" and "),t("code",[e._v("endValue")]),e._v(" must also be set to indicate the endpoints of the line. The line will be perpendicular to the axis identified by "),t("code",[e._v("scaleID")]),e._v(".")]),e._v(" "),t("p",[e._v("If "),t("code",[e._v("scaleID")]),e._v(" is unset, then "),t("code",[e._v("xScaleID")]),e._v(" and "),t("code",[e._v("yScaleID")]),e._v(" are used to draw a line from "),t("code",[e._v("(xMin, yMin)")]),e._v(" to "),t("code",[e._v("(xMax, yMax)")]),e._v(".")]),e._v(" "),t("table",[t("thead",[t("tr",[t("th",[e._v("Name")]),e._v(" "),t("th",[e._v("Description")])])]),e._v(" "),t("tbody",[t("tr",[t("td",[t("code",[e._v("adjustScaleRange")])]),e._v(" "),t("td",[e._v("Should the scale range be adjusted if this annotation is out of range.")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("controlPoint")])]),e._v(" "),t("td",[e._v("if "),t("code",[e._v("curve")]),e._v(" is enabled, it configures the control point to drawn the curve, calculated in pixels. It can be set by a string in percentage format "),t("code",[e._v("'number%'")]),e._v(" which are representing the percentage of the distance between the start and end point from the center.")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("curve")])]),e._v(" "),t("td",[e._v("Whether or not a quadratic "),t("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Glossary/Bezier_curve",target:"_blank",rel:"noopener noreferrer"}},[e._v("Bézier curve"),t("OutboundLink")],1),e._v(" is drawn.")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("display")])]),e._v(" "),t("td",[e._v("Whether or not this annotation is visible.")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("drawTime")])]),e._v(" "),t("td",[e._v("See "),t("RouterLink",{attrs:{to:"/guide/options.html#draw-time"}},[e._v("drawTime")]),e._v(".")],1)]),e._v(" "),t("tr",[t("td",[t("code",[e._v("endValue")])]),e._v(" "),t("td",[e._v("End two of the line when a single scale is specified.")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("hitTolerance")])]),e._v(" "),t("td",[e._v("Amount of pixels to interact with annotations within some distance of the mouse point.")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("id")])]),e._v(" "),t("td",[e._v("Identifies a unique id for the annotation and it will be stored in the element context. When the annotations are defined by an object, the id is automatically set using the key used to store the annotations in the object. When the annotations are configured by an array, the id, passed by this option in the annotation, will be used.")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("scaleID")])]),e._v(" "),t("td",[e._v("ID of the scale in single scale mode. If unset, "),t("code",[e._v("xScaleID")]),e._v(" and "),t("code",[e._v("yScaleID")]),e._v(" are used.")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("value")])]),e._v(" "),t("td",[e._v("End one of the line when a single scale is specified.")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("xMax")])]),e._v(" "),t("td",[e._v("X coordinate of end two of the line in units along the x axis.")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("xMin")])]),e._v(" "),t("td",[e._v("X coordinate of end one of the line in units along the x axis.")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("xScaleID")])]),e._v(" "),t("td",[e._v("ID of the X scale to bind onto. If missing, the plugin will try to use the scale of the chart, configured as "),t("code",[e._v("'x'")]),e._v(" axis. If more than one scale has been defined in the chart as "),t("code",[e._v("'x'")]),e._v(" axis, the option is mandatory to select the right scale.")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("yMax")])]),e._v(" "),t("td",[e._v("Y coordinate of end two of the line in units along the y axis.")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("yMin")])]),e._v(" "),t("td",[e._v("Y coordinate of end one of the line in units along the y axis.")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("yScaleID")])]),e._v(" "),t("td",[e._v("ID of the Y scale to bind onto. If missing, the plugin will try to use the scale of the chart, configured as "),t("code",[e._v("'y'")]),e._v(" axis. If more than one scale has been defined in the chart as "),t("code",[e._v("'y'")]),e._v(" axis, the option is mandatory to select the right scale.")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("z")])]),e._v(" "),t("td",[e._v("The "),t("code",[e._v("z")]),e._v(" property determines the drawing stack level of the line annotation element. All visible elements will be drawn in ascending order of "),t("code",[e._v("z")]),e._v(" option, with the same "),t("code",[e._v("drawTime")]),e._v(" option.")])])])]),e._v(" "),t("h3",{attrs:{id:"styling"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#styling"}},[e._v("#")]),e._v(" Styling")]),e._v(" "),t("table",[t("thead",[t("tr",[t("th",[e._v("Name")]),e._v(" "),t("th",[e._v("Description")])])]),e._v(" "),t("tbody",[t("tr",[t("td",[t("code",[e._v("borderColor")])]),e._v(" "),t("td",[e._v("Stroke color.")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("borderDash")])]),e._v(" "),t("td",[e._v("Length and spacing of dashes. See "),t("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/setLineDash",target:"_blank",rel:"noopener noreferrer"}},[e._v("MDN"),t("OutboundLink")],1),e._v(".")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("borderDashOffset")])]),e._v(" "),t("td",[e._v("Offset for line dashes. See "),t("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/lineDashOffset",target:"_blank",rel:"noopener noreferrer"}},[e._v("MDN"),t("OutboundLink")],1),e._v(".")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("borderShadowColor")])]),e._v(" "),t("td",[e._v("The color of shadow. See "),t("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/shadowColor",target:"_blank",rel:"noopener noreferrer"}},[e._v("MDN"),t("OutboundLink")],1),e._v(".")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("borderWidth")])]),e._v(" "),t("td",[e._v("Stroke width.")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("shadowBlur")])]),e._v(" "),t("td",[e._v("The amount of blur applied to shadow. See "),t("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/shadowBlur",target:"_blank",rel:"noopener noreferrer"}},[e._v("MDN"),t("OutboundLink")],1),e._v(".")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("shadowOffsetX")])]),e._v(" "),t("td",[e._v("The distance that shadow will be offset horizontally. See "),t("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/shadowOffsetX",target:"_blank",rel:"noopener noreferrer"}},[e._v("MDN"),t("OutboundLink")],1),e._v(".")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("shadowOffsetY")])]),e._v(" "),t("td",[e._v("The distance that shadow will be offset vertically. See "),t("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/shadowOffsetY",target:"_blank",rel:"noopener noreferrer"}},[e._v("MDN"),t("OutboundLink")],1),e._v(".")])])])]),e._v(" "),t("h2",{attrs:{id:"label"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#label"}},[e._v("#")]),e._v(" Label")]),e._v(" "),t("p",[e._v("Namespace: "),t("code",[e._v("options.annotations[annotationID].label")]),e._v(", it defines options for the line annotation label.")]),e._v(" "),t("p",[e._v("All of these options can be "),t("RouterLink",{attrs:{to:"/guide/options.html#scriptable-options"}},[e._v("Scriptable")])],1),e._v(" "),t("table",[t("thead",[t("tr",[t("th",[e._v("Name")]),e._v(" "),t("th",[e._v("Type")]),e._v(" "),t("th",{staticStyle:{"text-align":"center"}},[e._v("Default")]),e._v(" "),t("th",[e._v("Notes")])])]),e._v(" "),t("tbody",[t("tr",[t("td",[t("code",[e._v("backgroundColor")])]),e._v(" "),t("td",[t("RouterLink",{attrs:{to:"/guide/options.html#color"}},[t("code",[e._v("Color")])])],1),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[t("code",[e._v("'rgba(0,0,0,0.8)'")])]),e._v(" "),t("td",[e._v("Background color of the label container.")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("backgroundShadowColor")])]),e._v(" "),t("td",[t("RouterLink",{attrs:{to:"/guide/options.html#color"}},[t("code",[e._v("Color")])])],1),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[t("code",[e._v("'transparent'")])]),e._v(" "),t("td",[e._v("The color of shadow of the box where the label is located. See "),t("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/shadowColor",target:"_blank",rel:"noopener noreferrer"}},[e._v("MDN"),t("OutboundLink")],1),e._v(".")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("borderCapStyle")])]),e._v(" "),t("td",[t("code",[e._v("string")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[t("code",[e._v("'butt'")])]),e._v(" "),t("td",[e._v("Cap style of the border line. See "),t("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/lineCap",target:"_blank",rel:"noopener noreferrer"}},[e._v("MDN"),t("OutboundLink")],1),e._v(".")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("borderColor")])]),e._v(" "),t("td",[t("RouterLink",{attrs:{to:"/guide/options.html#color"}},[t("code",[e._v("Color")])])],1),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[t("code",[e._v("black")])]),e._v(" "),t("td",[e._v("The border line color.")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("borderDash")])]),e._v(" "),t("td",[t("code",[e._v("number[]")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[t("code",[e._v("[]")])]),e._v(" "),t("td",[e._v("Length and spacing of dashes. See "),t("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/setLineDash",target:"_blank",rel:"noopener noreferrer"}},[e._v("MDN"),t("OutboundLink")],1),e._v(".")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("borderDashOffset")])]),e._v(" "),t("td",[t("code",[e._v("number")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[t("code",[e._v("0")])]),e._v(" "),t("td",[e._v("Offset for border line dashes. See "),t("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/lineDashOffset",target:"_blank",rel:"noopener noreferrer"}},[e._v("MDN"),t("OutboundLink")],1),e._v(".")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("borderJoinStyle")])]),e._v(" "),t("td",[t("code",[e._v("string")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[t("code",[e._v("'miter'")])]),e._v(" "),t("td",[e._v("Border line join style. See "),t("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/lineJoin",target:"_blank",rel:"noopener noreferrer"}},[e._v("MDN"),t("OutboundLink")],1),e._v(".")])]),e._v(" "),t("tr",[t("td",[t("a",{attrs:{href:"#borderradius"}},[t("code",[e._v("borderRadius")])])]),e._v(" "),t("td",[t("code",[e._v("number")]),e._v(" | "),t("code",[e._v("object")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[t("code",[e._v("6")])]),e._v(" "),t("td",[e._v("Radius of label box corners in pixels.")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("borderShadowColor")])]),e._v(" "),t("td",[t("RouterLink",{attrs:{to:"/guide/options.html#color"}},[t("code",[e._v("Color")])])],1),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[t("code",[e._v("'transparent'")])]),e._v(" "),t("td",[e._v("The color of border shadow of the box where the label is located. See "),t("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/shadowColor",target:"_blank",rel:"noopener noreferrer"}},[e._v("MDN"),t("OutboundLink")],1),e._v(".")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("borderWidth")])]),e._v(" "),t("td",[t("code",[e._v("number")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[t("code",[e._v("0")])]),e._v(" "),t("td",[e._v("The border line width (in pixels).")])]),e._v(" "),t("tr",[t("td",[t("a",{attrs:{href:"#callout"}},[t("code",[e._v("callout")])])]),e._v(" "),t("td",[t("code",[e._v("object")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}}),e._v(" "),t("td",[e._v("Can connect the label to the line. See "),t("a",{attrs:{href:"#callout"}},[e._v("callout")]),e._v(".")])]),e._v(" "),t("tr",[t("td",[t("a",{attrs:{href:"#fonts-and-colors"}},[t("code",[e._v("color")])])]),e._v(" "),t("td",[t("a",{attrs:{href:"../options#color"}},[t("code",[e._v("Color")]),e._v("|"),t("code",[e._v("Color[]")])])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[t("code",[e._v("'#fff'")])]),e._v(" "),t("td",[e._v("Text color.")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("content")])]),e._v(" "),t("td",[t("code",[e._v("string")]),e._v("|"),t("code",[e._v("string[]")]),e._v("|"),t("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/HTMLImageElement/Image",target:"_blank",rel:"noopener noreferrer"}},[t("code",[e._v("Image")]),t("OutboundLink")],1),e._v("|"),t("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/HTMLCanvasElement",target:"_blank",rel:"noopener noreferrer"}},[t("code",[e._v("HTMLCanvasElement")]),t("OutboundLink")],1)]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[t("code",[e._v("null")])]),e._v(" "),t("td",[e._v("The content to show in the label.")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("display")])]),e._v(" "),t("td",[t("code",[e._v("boolean")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[t("code",[e._v("false")])]),e._v(" "),t("td",[e._v("Whether or not the label is shown.")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("drawTime")])]),e._v(" "),t("td",[t("code",[e._v("string")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[t("code",[e._v("options.drawTime")])]),e._v(" "),t("td",[e._v("See "),t("a",{attrs:{href:"../options#draw-time"}},[e._v("drawTime")]),e._v(". Defaults to the line annotation draw time if unset.")])]),e._v(" "),t("tr",[t("td",[t("a",{attrs:{href:"#fonts-and-colors"}},[t("code",[e._v("font")])])]),e._v(" "),t("td",[t("a",{attrs:{href:"../options#font"}},[t("code",[e._v("Font")]),e._v("|"),t("code",[e._v("Font[]")])])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[t("code",[e._v("{ weight: 'bold' }")])]),e._v(" "),t("td",[e._v("Label font.")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("height")])]),e._v(" "),t("td",[t("code",[e._v("number")]),e._v("|"),t("code",[e._v("string")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[t("code",[e._v("undefined")])]),e._v(" "),t("td",[e._v("Overrides the height of the image or canvas element. Could be set in pixel by a number, or in percentage of current height of image or canvas element by a string. If undefined, uses the height of the image or canvas element. It is used only when the content is an image or canvas element.")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("hitTolerance")])]),e._v(" "),t("td",[t("code",[e._v("number")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[t("code",[e._v("undefined")])]),e._v(" "),t("td",[e._v("Amount of pixels to interact with annotations within some distance of the mouse point.")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("opacity")])]),e._v(" "),t("td",[t("code",[e._v("number")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[t("code",[e._v("undefined")])]),e._v(" "),t("td",[e._v("Overrides the opacity of the image or canvas element. Could be set a number in the range 0.0 to 1.0, inclusive. If undefined, uses the opacity of the image or canvas element. It is used only when the content is an image or canvas element.")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("padding")])]),e._v(" "),t("td",[t("RouterLink",{attrs:{to:"/guide/options.html#padding"}},[t("code",[e._v("Padding")])])],1),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[t("code",[e._v("6")])]),e._v(" "),t("td",[e._v("The padding to add around the text label.")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("position")])]),e._v(" "),t("td",[t("code",[e._v("string")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[t("code",[e._v("'center'")])]),e._v(" "),t("td",[e._v("Anchor position of label on line. Possible options are: "),t("code",[e._v("'start'")]),e._v(", "),t("code",[e._v("'center'")]),e._v(", "),t("code",[e._v("'end'")]),e._v(". It can be set by a string in percentage format "),t("code",[e._v("'number%'")]),e._v(" which are representing the percentage on the width of the line where the label will be located.")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("rotation")])]),e._v(" "),t("td",[t("code",[e._v("number")]),e._v("|"),t("code",[e._v("'auto'")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[t("code",[e._v("0")])]),e._v(" "),t("td",[e._v("Rotation of label, in degrees, or 'auto' to use the degrees of the line.")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("shadowBlur")])]),e._v(" "),t("td",[t("code",[e._v("number")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[t("code",[e._v("0")])]),e._v(" "),t("td",[e._v("The amount of blur applied to shadow of the box where the label is located. See "),t("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/shadowBlur",target:"_blank",rel:"noopener noreferrer"}},[e._v("MDN"),t("OutboundLink")],1),e._v(".")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("shadowOffsetX")])]),e._v(" "),t("td",[t("code",[e._v("number")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[t("code",[e._v("0")])]),e._v(" "),t("td",[e._v("The distance that shadow, of the box where the label is located, will be offset horizontally. See "),t("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/shadowOffsetX",target:"_blank",rel:"noopener noreferrer"}},[e._v("MDN"),t("OutboundLink")],1),e._v(".")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("shadowOffsetY")])]),e._v(" "),t("td",[t("code",[e._v("number")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[t("code",[e._v("0")])]),e._v(" "),t("td",[e._v("The distance that shadow, of the box where the label is located, will be offset vertically. See "),t("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/shadowOffsetY",target:"_blank",rel:"noopener noreferrer"}},[e._v("MDN"),t("OutboundLink")],1),e._v(".")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("textAlign")])]),e._v(" "),t("td",[t("code",[e._v("string")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[t("code",[e._v("'center'")])]),e._v(" "),t("td",[e._v("Text alignment of label content when there's more than one line. Possible options are: "),t("code",[e._v("'start'")]),e._v(", "),t("code",[e._v("'center'")]),e._v(", "),t("code",[e._v("'end'")]),e._v(".")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("textStrokeColor")])]),e._v(" "),t("td",[t("RouterLink",{attrs:{to:"/guide/options.html#color"}},[t("code",[e._v("Color")])])],1),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[t("code",[e._v("undefined")])]),e._v(" "),t("td",[e._v("The color of the stroke around the text.")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("textStrokeWidth")])]),e._v(" "),t("td",[t("code",[e._v("number")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[t("code",[e._v("0")])]),e._v(" "),t("td",[e._v("Stroke width around the text.")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("width")])]),e._v(" "),t("td",[t("code",[e._v("number")]),e._v("|"),t("code",[e._v("string")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[t("code",[e._v("undefined")])]),e._v(" "),t("td",[e._v("Overrides the width of the image or canvas element. Could be set in pixel by a number, or in percentage of current width of image or canvas element by a string. If undefined, uses the width of the image or canvas element. It is used only when the content is an image or canvas element.")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("xAdjust")])]),e._v(" "),t("td",[t("code",[e._v("number")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[t("code",[e._v("0")])]),e._v(" "),t("td",[e._v("Adjustment along x-axis (left-right) of label relative to computed position. Negative values move the label left, positive right.")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("yAdjust")])]),e._v(" "),t("td",[t("code",[e._v("number")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[t("code",[e._v("0")])]),e._v(" "),t("td",[e._v("Adjustment along y-axis (top-bottom) of label relative to computed position. Negative values move the label up, positive down.")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("z")])]),e._v(" "),t("td",[t("code",[e._v("number")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[t("code",[e._v("0")])]),e._v(" "),t("td",[e._v("It determines the drawing stack level of the label element, with same "),t("code",[e._v("drawTime")]),e._v(".")])])])]),e._v(" "),t("h3",{attrs:{id:"borderradius"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#borderradius"}},[e._v("#")]),e._v(" borderRadius")]),e._v(" "),t("p",[e._v("If this value is a number, it is applied to all corners of the rectangle (topLeft, topRight, bottomLeft, bottomRight). If this value is an object, the "),t("code",[e._v("topLeft")]),e._v(" property defines the top-left corners border radius. Similarly, the "),t("code",[e._v("topRight")]),e._v(", "),t("code",[e._v("bottomLeft")]),e._v(", and "),t("code",[e._v("bottomRight")]),e._v(" properties can also be specified. Omitted corners have radius of 0.")]),e._v(" "),t("h3",{attrs:{id:"fonts-and-colors"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#fonts-and-colors"}},[e._v("#")]),e._v(" Fonts and colors")]),e._v(" "),t("p",[e._v("When the label to draw has multiple lines, you can use different font and color for each line of the label. This is enabled configuring an array of fonts or colors for those options. When the lines are more than the configured fonts of colors, the last configuration of those options is used for all remaining lines.")]),e._v(" "),t("h3",{attrs:{id:"callout"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#callout"}},[e._v("#")]),e._v(" Callout")]),e._v(" "),t("p",[e._v("A callout can connect the label to the line when the label is arbitrarily (by "),t("code",[e._v("xAdjust")]),e._v(" and "),t("code",[e._v("yAdjust")]),e._v(" options) moved from its original position.")]),e._v(" "),t("p",[e._v("Namespace: "),t("code",[e._v("options.annotations[annotationID].label.callout")]),e._v(", it defines options for the callout on the label of the line annotation.")]),e._v(" "),t("p",[e._v("All of these options can be "),t("RouterLink",{attrs:{to:"/guide/options.html#scriptable-options"}},[e._v("Scriptable")]),e._v(".")],1),e._v(" "),t("table",[t("thead",[t("tr",[t("th",[e._v("Name")]),e._v(" "),t("th",[e._v("Type")]),e._v(" "),t("th",{staticStyle:{"text-align":"center"}},[e._v("Default")]),e._v(" "),t("th",[e._v("Notes")])])]),e._v(" "),t("tbody",[t("tr",[t("td",[t("code",[e._v("borderCapStyle")])]),e._v(" "),t("td",[t("code",[e._v("string")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[t("code",[e._v("'butt'")])]),e._v(" "),t("td",[e._v("Cap style of the border line of callout. See "),t("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/lineCap",target:"_blank",rel:"noopener noreferrer"}},[e._v("MDN"),t("OutboundLink")],1),e._v(".")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("borderColor")])]),e._v(" "),t("td",[t("RouterLink",{attrs:{to:"/guide/options.html#color"}},[t("code",[e._v("Color")])])],1),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[t("code",[e._v("undefined")])]),e._v(" "),t("td",[e._v("Stroke color of the pointer of the callout.")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("borderDash")])]),e._v(" "),t("td",[t("code",[e._v("number[]")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[t("code",[e._v("[]")])]),e._v(" "),t("td",[e._v("Length and spacing of dashes of callout. See "),t("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/setLineDash",target:"_blank",rel:"noopener noreferrer"}},[e._v("MDN"),t("OutboundLink")],1),e._v(".")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("borderDashOffset")])]),e._v(" "),t("td",[t("code",[e._v("number")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[t("code",[e._v("0")])]),e._v(" "),t("td",[e._v("Offset for line dashes of callout. See "),t("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/lineDashOffset",target:"_blank",rel:"noopener noreferrer"}},[e._v("MDN"),t("OutboundLink")],1),e._v(".")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("borderJoinStyle")])]),e._v(" "),t("td",[t("code",[e._v("string")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[t("code",[e._v("'miter'")])]),e._v(" "),t("td",[e._v("Border line join style of the callout. See "),t("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/lineJoin",target:"_blank",rel:"noopener noreferrer"}},[e._v("MDN"),t("OutboundLink")],1),e._v(".")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("borderWidth")])]),e._v(" "),t("td",[t("code",[e._v("number")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[t("code",[e._v("1")])]),e._v(" "),t("td",[e._v("Stroke width of the pointer of the callout.")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("display")])]),e._v(" "),t("td",[t("code",[e._v("boolean")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[t("code",[e._v("false")])]),e._v(" "),t("td",[e._v("If true, the callout is drawn.")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("margin")])]),e._v(" "),t("td",[t("code",[e._v("number")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[t("code",[e._v("5")])]),e._v(" "),t("td",[e._v("Amount of pixels between the label and the callout separator.")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("position")])]),e._v(" "),t("td",[t("code",[e._v("string")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[t("code",[e._v("'auto'")])]),e._v(" "),t("td",[e._v("The position of callout, with respect to the label. Could be "),t("code",[e._v("left")]),e._v(", "),t("code",[e._v("top")]),e._v(", "),t("code",[e._v("right")]),e._v(", "),t("code",[e._v("bottom")]),e._v(" or "),t("code",[e._v("auto")]),e._v(".")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("side")])]),e._v(" "),t("td",[t("code",[e._v("number")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[t("code",[e._v("5")])]),e._v(" "),t("td",[e._v("Width of the starter line of callout pointer.")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("start")])]),e._v(" "),t("td",[t("code",[e._v("number")]),e._v("|"),t("code",[e._v("string")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[t("code",[e._v("'50%'")])]),e._v(" "),t("td",[e._v("The percentage of the separator dimension to use as starting point for callout pointer. Could be set in pixel by a number, or in percentage of the separator dimension by a string.")])])])]),e._v(" "),t("h2",{attrs:{id:"arrow-heads"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#arrow-heads"}},[e._v("#")]),e._v(" Arrow heads")]),e._v(" "),t("p",[e._v("Namespace: "),t("code",[e._v("options.annotations[annotationID].arrowHeads")]),e._v(", it defines options for the line annotation arrow heads.")]),e._v(" "),t("p",[e._v("All of these options can be "),t("RouterLink",{attrs:{to:"/guide/options.html#scriptable-options"}},[e._v("Scriptable")])],1),e._v(" "),t("table",[t("thead",[t("tr",[t("th",[e._v("Name")]),e._v(" "),t("th",[e._v("Type")]),e._v(" "),t("th",[e._v("Notes")])])]),e._v(" "),t("tbody",[t("tr",[t("td",[t("a",{attrs:{href:"#arrow-head-configuration"}},[t("code",[e._v("end")])])]),e._v(" "),t("td",[t("code",[e._v("object")])]),e._v(" "),t("td",[e._v("To configure the arrow head at the end of the line.")])]),e._v(" "),t("tr",[t("td",[t("a",{attrs:{href:"#arrow-head-configuration"}},[t("code",[e._v("start")])])]),e._v(" "),t("td",[t("code",[e._v("object")])]),e._v(" "),t("td",[e._v("To configure the arrow head at the start of the line.")])])])]),e._v(" "),t("h3",{attrs:{id:"arrow-head-configuration"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#arrow-head-configuration"}},[e._v("#")]),e._v(" Arrow head configuration")]),e._v(" "),t("p",[e._v("Enabling it, you can add arrow heads at start and/or end of a line. It uses the "),t("code",[e._v("borderWidth")]),e._v(" of the line options to configure the line width of the arrow head.")]),e._v(" "),t("p",[e._v("The following options can be specified per ("),t("code",[e._v("start")]),e._v(" and/or "),t("code",[e._v("end")]),e._v(") arrow head, or at the top level ("),t("code",[e._v("arrowHeads")]),e._v(") which apply to all arrow heads.")]),e._v(" "),t("p",[e._v("All of these options can be "),t("RouterLink",{attrs:{to:"/guide/options.html#scriptable-options"}},[e._v("Scriptable")])],1),e._v(" "),t("table",[t("thead",[t("tr",[t("th",[e._v("Name")]),e._v(" "),t("th",[e._v("Type")]),e._v(" "),t("th",{staticStyle:{"text-align":"center"}},[e._v("Default")]),e._v(" "),t("th",[e._v("Notes")])])]),e._v(" "),t("tbody",[t("tr",[t("td",[t("code",[e._v("backgroundColor")])]),e._v(" "),t("td",[t("RouterLink",{attrs:{to:"/guide/options.html#color"}},[t("code",[e._v("Color")])])],1),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[t("code",[e._v("lineAnnotation.borderColor")])]),e._v(" "),t("td",[e._v("Background color of the arrow head.")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("backgroundShadowColor")])]),e._v(" "),t("td",[t("RouterLink",{attrs:{to:"/guide/options.html#color"}},[t("code",[e._v("Color")])])],1),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[t("code",[e._v("'transparent'")])]),e._v(" "),t("td",[e._v("The color of shadow of the arrow head. See "),t("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/shadowColor",target:"_blank",rel:"noopener noreferrer"}},[e._v("MDN"),t("OutboundLink")],1),e._v(".")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("borderColor")])]),e._v(" "),t("td",[t("RouterLink",{attrs:{to:"/guide/options.html#color"}},[t("code",[e._v("Color")])])],1),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[t("code",[e._v("lineAnnotation.borderColor")])]),e._v(" "),t("td",[e._v("The border arrow head color.")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("borderDash")])]),e._v(" "),t("td",[t("code",[e._v("number[]")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[t("code",[e._v("lineAnnotation.borderDash")])]),e._v(" "),t("td",[e._v("Length and spacing of dashes. See "),t("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/setLineDash",target:"_blank",rel:"noopener noreferrer"}},[e._v("MDN"),t("OutboundLink")],1),e._v(".")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("borderDashOffset")])]),e._v(" "),t("td",[t("code",[e._v("number")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[t("code",[e._v("lineAnnotation.borderDashOffset")])]),e._v(" "),t("td",[e._v("Offset for border arrow head dashes. See "),t("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/lineDashOffset",target:"_blank",rel:"noopener noreferrer"}},[e._v("MDN"),t("OutboundLink")],1),e._v(".")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("borderShadowColor")])]),e._v(" "),t("td",[t("RouterLink",{attrs:{to:"/guide/options.html#color"}},[t("code",[e._v("Color")])])],1),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[t("code",[e._v("lineAnnotation.borderShadowColor")])]),e._v(" "),t("td",[e._v("The color of border shadow of the arrow head. See "),t("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/shadowColor",target:"_blank",rel:"noopener noreferrer"}},[e._v("MDN"),t("OutboundLink")],1),e._v(".")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("borderWidth")])]),e._v(" "),t("td",[t("code",[e._v("number")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[t("code",[e._v("lineAnnotation.borderWidth")])]),e._v(" "),t("td",[e._v("The border line width (in pixels).")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("display")])]),e._v(" "),t("td",[t("code",[e._v("boolean")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[t("code",[e._v("false")])]),e._v(" "),t("td",[e._v("Whether or not the arrow head is shown.")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("fill")])]),e._v(" "),t("td",[t("code",[e._v("boolean")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[t("code",[e._v("false")])]),e._v(" "),t("td",[e._v("Whether or not the arrow head is filled.")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("length")])]),e._v(" "),t("td",[t("code",[e._v("number")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[t("code",[e._v("12")])]),e._v(" "),t("td",[e._v("The length of the arrow head in pixels.")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("shadowBlur")])]),e._v(" "),t("td",[t("code",[e._v("number")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[t("code",[e._v("lineAnnotation.shadowBlur")])]),e._v(" "),t("td",[e._v("The amount of blur applied to shadow of the arrow head. See "),t("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/shadowBlur",target:"_blank",rel:"noopener noreferrer"}},[e._v("MDN"),t("OutboundLink")],1),e._v(".")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("shadowOffsetX")])]),e._v(" "),t("td",[t("code",[e._v("number")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[t("code",[e._v("lineAnnotation.shadowOffsetX")])]),e._v(" "),t("td",[e._v("The distance that shadow, of the arrow head, will be offset horizontally. See "),t("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/shadowOffsetX",target:"_blank",rel:"noopener noreferrer"}},[e._v("MDN"),t("OutboundLink")],1),e._v(".")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("shadowOffsetY")])]),e._v(" "),t("td",[t("code",[e._v("number")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[t("code",[e._v("lineAnnotation.shadowOffsetY")])]),e._v(" "),t("td",[e._v("The distance that shadow, of the arrow head, will be offset vertically. See "),t("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/shadowOffsetY",target:"_blank",rel:"noopener noreferrer"}},[e._v("MDN"),t("OutboundLink")],1),e._v(".")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("width")])]),e._v(" "),t("td",[t("code",[e._v("number")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[t("code",[e._v("6")])]),e._v(" "),t("td",[e._v("The width of the arrow head in pixels.")])])])]),e._v(" "),t("h2",{attrs:{id:"element"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#element"}},[e._v("#")]),e._v(" Element")]),e._v(" "),t("p",[e._v("The following diagram is showing the element properties about a "),t("code",[e._v("'line'")]),e._v(" annotation:")]),e._v(" "),t("p",[t("img",{attrs:{src:o(264),alt:"line"}})]),e._v(" "),t("p",[e._v("The label of a box annotation is described as a "),t("RouterLink",{attrs:{to:"/guide/types/label.html#element"}},[e._v("label annotation")]),e._v(" and accessible by "),t("code",[e._v("element.label")]),e._v(".")],1)],1)}),[],!1,null,null,null);t.default=r.exports}}]); \ No newline at end of file diff --git a/master/assets/js/13.bed97511.js b/master/assets/js/13.bed97511.js deleted file mode 100644 index e67bb9a44..000000000 --- a/master/assets/js/13.bed97511.js +++ /dev/null @@ -1 +0,0 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[13],{265:function(t,e,o){t.exports=o.p+"assets/img/elementPointProps.de8e50cf.png"},470:function(t,e,o){"use strict";o.r(e);var n=o(4),a=Object(n.a)({},(function(){var t=this,e=t._self._c;return e("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[e("h1",{attrs:{id:"point-annotations"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#point-annotations"}},[t._v("#")]),t._v(" Point Annotations")]),t._v(" "),e("p",[t._v("Point annotations are used to mark points on the chart area. This can be useful for highlighting values that are of interest.")]),t._v(" "),e("chart-editor",{attrs:{code:"/* */\nconst options = {\n plugins: {\n annotation: {\n annotations: {\n point1: {\n type: 'point',\n xValue: 1,\n yValue: 60,\n backgroundColor: 'rgba(255, 99, 132, 0.25)'\n }\n }\n }\n }\n};\n/* */\n\n/* */\nconst config = {\n type: 'line',\n data: {\n labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July'],\n datasets: [{\n label: 'My First Dataset',\n data: [65, 59, 80, 81, 56, 55, 40],\n fill: false,\n borderColor: 'rgb(75, 192, 192)',\n tension: 0.1\n }]\n },\n options\n};\n/* */\n\nmodule.exports = {\n config\n};\n"}}),e("h2",{attrs:{id:"configuration"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#configuration"}},[t._v("#")]),t._v(" Configuration")]),t._v(" "),e("h3",{attrs:{id:"point-annotation-specific-options"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#point-annotation-specific-options"}},[t._v("#")]),t._v(" Point annotation specific options")]),t._v(" "),e("p",[t._v("The following options are available for point annotations.")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",[t._v("Name")]),t._v(" "),e("th",[t._v("Type")]),t._v(" "),e("th",{staticStyle:{"text-align":"center"}},[e("RouterLink",{attrs:{to:"/guide/options.html#scriptable-options"}},[t._v("Scriptable")])],1),t._v(" "),e("th",[t._v("Default")])])]),t._v(" "),e("tbody",[e("tr",[e("td",[e("a",{attrs:{href:"#styling"}},[e("code",[t._v("backgroundShadowColor")])])]),t._v(" "),e("td",[e("RouterLink",{attrs:{to:"/guide/options.html#color"}},[e("code",[t._v("Color")])])],1),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("'transparent'")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#styling"}},[e("code",[t._v("borderWidth")])])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("1")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#styling"}},[e("code",[t._v("pointStyle")])])]),t._v(" "),e("td",[e("RouterLink",{attrs:{to:"/guide/options.html#point-style"}},[e("code",[t._v("PointStyle")])])],1),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("'circle'")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("radius")])])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("10")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("rotation")])])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("0")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("xAdjust")])])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("0")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("xValue")])])]),t._v(" "),e("td",[e("code",[t._v("number")]),t._v(" | "),e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("yAdjust")])])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("0")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("yValue")])])]),t._v(" "),e("td",[e("code",[t._v("number")]),t._v(" | "),e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("undefined")])])])])]),t._v(" "),e("h3",{attrs:{id:"common-options-to-all-annotations"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#common-options-to-all-annotations"}},[t._v("#")]),t._v(" Common options to all annotations")]),t._v(" "),e("p",[t._v("The following options are available for all annotations.")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",[t._v("Name")]),t._v(" "),e("th",[t._v("Type")]),t._v(" "),e("th",{staticStyle:{"text-align":"center"}},[e("RouterLink",{attrs:{to:"/guide/options.html#scriptable-options"}},[t._v("Scriptable")])],1),t._v(" "),e("th",[t._v("Default")])])]),t._v(" "),e("tbody",[e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("adjustScaleRange")])])]),t._v(" "),e("td",[e("code",[t._v("boolean")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("true")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#styling"}},[e("code",[t._v("backgroundColor")])])]),t._v(" "),e("td",[e("RouterLink",{attrs:{to:"/guide/options.html#color"}},[e("code",[t._v("Color")])])],1),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("options.color")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#styling"}},[e("code",[t._v("borderColor")])])]),t._v(" "),e("td",[e("RouterLink",{attrs:{to:"/guide/options.html#color"}},[e("code",[t._v("Color")])])],1),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("options.color")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#styling"}},[e("code",[t._v("borderDash")])])]),t._v(" "),e("td",[e("code",[t._v("number[]")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("[]")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#styling"}},[e("code",[t._v("borderDashOffset")])])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("0")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#styling"}},[e("code",[t._v("borderShadowColor")])])]),t._v(" "),e("td",[e("RouterLink",{attrs:{to:"/guide/options.html#color"}},[e("code",[t._v("Color")])])],1),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("'transparent'")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("display")])])]),t._v(" "),e("td",[e("code",[t._v("boolean")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("true")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("drawTime")])])]),t._v(" "),e("td",[e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("'afterDatasetsDraw'")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("hitTolerance")])])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("0")])])]),t._v(" "),e("tr",[e("td",[e("RouterLink",{attrs:{to:"/guide/configuration.html#common"}},[e("code",[t._v("init")])])],1),t._v(" "),e("td",[e("code",[t._v("boolean")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("RouterLink",{attrs:{to:"/guide/configuration.html#initial-animation"}},[t._v("See initial animation")])],1),t._v(" "),e("td",[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("id")])])]),t._v(" "),e("td",[e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("No")]),t._v(" "),e("td",[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#styling"}},[e("code",[t._v("shadowBlur")])])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("0")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#styling"}},[e("code",[t._v("shadowOffsetX")])])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("0")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#styling"}},[e("code",[t._v("shadowOffsetY")])])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("0")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("xMax")])])]),t._v(" "),e("td",[e("code",[t._v("number")]),t._v(" | "),e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("xMin")])])]),t._v(" "),e("td",[e("code",[t._v("number")]),t._v(" | "),e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("xScaleID")])])]),t._v(" "),e("td",[e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("yMin")])])]),t._v(" "),e("td",[e("code",[t._v("number")]),t._v(" | "),e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("yMax")])])]),t._v(" "),e("td",[e("code",[t._v("number")]),t._v(" | "),e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("yScaleID")])])]),t._v(" "),e("td",[e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("z")])])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("0")])])])])]),t._v(" "),e("h3",{attrs:{id:"general"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#general"}},[t._v("#")]),t._v(" General")]),t._v(" "),e("p",[t._v("If one of the axes does not match an axis in the chart, the point annotation will take the center of the chart as point. The 2 coordinates, xValue, yValue are optional. If not specified, the point annotation will take the center of the scale dimension as point.")]),t._v(" "),e("p",[t._v("The 4 coordinates, xMin, xMax, yMin, yMax are optional. If not specified, the box is expanded out to the edges in the respective direction and the box size is used to calculated the center of the point. To enable to use the box positioning, the "),e("code",[t._v("radius")]),t._v(" must be set to "),e("code",[t._v("0")]),t._v(" or "),e("code",[t._v("NaN")]),t._v(".")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",[t._v("Name")]),t._v(" "),e("th",[t._v("Description")])])]),t._v(" "),e("tbody",[e("tr",[e("td",[e("code",[t._v("adjustScaleRange")])]),t._v(" "),e("td",[t._v("Should the scale range be adjusted if this annotation is out of range.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("display")])]),t._v(" "),e("td",[t._v("Whether or not this annotation is visible.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("drawTime")])]),t._v(" "),e("td",[t._v("See "),e("RouterLink",{attrs:{to:"/guide/options.html#draw-time"}},[t._v("drawTime")]),t._v(".")],1)]),t._v(" "),e("tr",[e("td",[e("code",[t._v("hitTolerance")])]),t._v(" "),e("td",[t._v("Amount of pixels to interact with annotations within some distance of the mouse point.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("id")])]),t._v(" "),e("td",[t._v("Identifies a unique id for the annotation and it will be stored in the element context. When the annotations are defined by an object, the id is automatically set using the key used to store the annotations in the object. When the annotations are configured by an array, the id, passed by this option in the annotation, will be used.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("radius")])]),t._v(" "),e("td",[t._v("Size of the point in pixels.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("rotation")])]),t._v(" "),e("td",[t._v("Rotation of point, in degrees.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("xAdjust")])]),t._v(" "),e("td",[t._v("Adjustment along x-axis (left-right) of point relative to computed position. Negative values move the point left, positive right.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("xMax")])]),t._v(" "),e("td",[t._v("Right edge of the box in units along the x axis.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("xMin")])]),t._v(" "),e("td",[t._v("Left edge of the box in units along the x axis.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("xScaleID")])]),t._v(" "),e("td",[t._v("ID of the X scale to bind onto. If missing, the plugin will try to use the scale of the chart, configured as "),e("code",[t._v("'x'")]),t._v(" axis. If more than one scale has been defined in the chart as "),e("code",[t._v("'x'")]),t._v(" axis, the option is mandatory to select the right scale.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("xValue")])]),t._v(" "),e("td",[t._v("X coordinate of the point in units along the x axis.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("yAdjust")])]),t._v(" "),e("td",[t._v("Adjustment along y-axis (top-bottom) of point relative to computed position. Negative values move the point up, positive down.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("yMax")])]),t._v(" "),e("td",[t._v("Bottom edge of the box in units along the y axis.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("yMin")])]),t._v(" "),e("td",[t._v("Top edge of the box in units along the y axis.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("yScaleID")])]),t._v(" "),e("td",[t._v("ID of the Y scale to bind onto. If missing, the plugin will try to use the scale of the chart, configured as "),e("code",[t._v("'y'")]),t._v(" axis. If more than one scale has been defined in the chart as "),e("code",[t._v("'y'")]),t._v(" axis, the option is mandatory to select the right scale.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("yValue")])]),t._v(" "),e("td",[t._v("Y coordinate of the point in units along the y axis.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("z")])]),t._v(" "),e("td",[t._v("The "),e("code",[t._v("z")]),t._v(" property determines the drawing stack level of the point annotation element. All visible elements will be drawn in ascending order of "),e("code",[t._v("z")]),t._v(" option, with the same "),e("code",[t._v("drawTime")]),t._v(" option.")])])])]),t._v(" "),e("h3",{attrs:{id:"styling"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#styling"}},[t._v("#")]),t._v(" Styling")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",[t._v("Name")]),t._v(" "),e("th",[t._v("Description")])])]),t._v(" "),e("tbody",[e("tr",[e("td",[e("code",[t._v("backgroundColor")])]),t._v(" "),e("td",[t._v("Fill color.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("backgroundShadowColor")])]),t._v(" "),e("td",[t._v("The color of shadow. See "),e("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/shadowColor",target:"_blank",rel:"noopener noreferrer"}},[t._v("MDN"),e("OutboundLink")],1),t._v(".")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("borderColor")])]),t._v(" "),e("td",[t._v("Stroke color.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("borderDash")])]),t._v(" "),e("td",[t._v("Length and spacing of dashes. See "),e("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/setLineDash",target:"_blank",rel:"noopener noreferrer"}},[t._v("MDN"),e("OutboundLink")],1),t._v(".")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("borderDashOffset")])]),t._v(" "),e("td",[t._v("Offset for line dashes. See "),e("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/lineDashOffset",target:"_blank",rel:"noopener noreferrer"}},[t._v("MDN"),e("OutboundLink")],1),t._v(".")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("borderShadowColor")])]),t._v(" "),e("td",[t._v("The color of border shadow. See "),e("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/shadowColor",target:"_blank",rel:"noopener noreferrer"}},[t._v("MDN"),e("OutboundLink")],1),t._v(".")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("borderWidth")])]),t._v(" "),e("td",[t._v("Stroke width.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("pointStyle")])]),t._v(" "),e("td",[t._v("Style of the point.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("shadowBlur")])]),t._v(" "),e("td",[t._v("The amount of blur applied to shadow. See "),e("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/shadowBlur",target:"_blank",rel:"noopener noreferrer"}},[t._v("MDN"),e("OutboundLink")],1),t._v(".")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("shadowOffsetX")])]),t._v(" "),e("td",[t._v("The distance that shadow will be offset horizontally. See "),e("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/shadowOffsetX",target:"_blank",rel:"noopener noreferrer"}},[t._v("MDN"),e("OutboundLink")],1),t._v(".")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("shadowOffsetY")])]),t._v(" "),e("td",[t._v("The distance that shadow will be offset vertically. See "),e("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/shadowOffsetY",target:"_blank",rel:"noopener noreferrer"}},[t._v("MDN"),e("OutboundLink")],1),t._v(".")])])])]),t._v(" "),e("h2",{attrs:{id:"element"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#element"}},[t._v("#")]),t._v(" Element")]),t._v(" "),e("p",[t._v("The following diagram is showing the element properties about a "),e("code",[t._v("'point'")]),t._v(" annotation:")]),t._v(" "),e("p",[e("img",{attrs:{src:o(265),alt:"point"}})])],1)}),[],!1,null,null,null);e.default=a.exports}}]); \ No newline at end of file diff --git a/master/assets/js/13.c51f20ba.js b/master/assets/js/13.c51f20ba.js new file mode 100644 index 000000000..7405956be --- /dev/null +++ b/master/assets/js/13.c51f20ba.js @@ -0,0 +1 @@ +(window.webpackJsonp=window.webpackJsonp||[]).push([[13],{265:function(t,e,o){t.exports=o.p+"assets/img/elementPointProps.de8e50cf.png"},470:function(t,e,o){"use strict";o.r(e);var n=o(4),a=Object(n.a)({},(function(){var t=this,e=t._self._c;return e("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[e("h1",{attrs:{id:"point-annotations"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#point-annotations"}},[t._v("#")]),t._v(" Point Annotations")]),t._v(" "),e("p",[t._v("Point annotations are used to mark points on the chart area. This can be useful for highlighting values that are of interest.")]),t._v(" "),e("chart-editor",{attrs:{code:"/* */\nconst options = {\n plugins: {\n annotation: {\n annotations: {\n point1: {\n type: 'point',\n xValue: 1,\n yValue: 60,\n backgroundColor: 'rgba(255, 99, 132, 0.25)'\n }\n }\n }\n }\n};\n/* */\n\n/* */\nconst config = {\n type: 'line',\n data: {\n labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July'],\n datasets: [{\n label: 'My First Dataset',\n data: [65, 59, 80, 81, 56, 55, 40],\n fill: false,\n borderColor: 'rgb(75, 192, 192)',\n tension: 0.1\n }]\n },\n options\n};\n/* */\n\nmodule.exports = {\n config\n};\n"}}),e("h2",{attrs:{id:"configuration"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#configuration"}},[t._v("#")]),t._v(" Configuration")]),t._v(" "),e("h3",{attrs:{id:"point-annotation-specific-options"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#point-annotation-specific-options"}},[t._v("#")]),t._v(" Point annotation specific options")]),t._v(" "),e("p",[t._v("The following options are available for point annotations.")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",[t._v("Name")]),t._v(" "),e("th",[t._v("Type")]),t._v(" "),e("th",{staticStyle:{"text-align":"center"}},[e("RouterLink",{attrs:{to:"/guide/options.html#scriptable-options"}},[t._v("Scriptable")])],1),t._v(" "),e("th",[t._v("Default")])])]),t._v(" "),e("tbody",[e("tr",[e("td",[e("a",{attrs:{href:"#styling"}},[e("code",[t._v("backgroundShadowColor")])])]),t._v(" "),e("td",[e("RouterLink",{attrs:{to:"/guide/options.html#color"}},[e("code",[t._v("Color")])])],1),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("'transparent'")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#styling"}},[e("code",[t._v("borderWidth")])])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("1")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#styling"}},[e("code",[t._v("pointStyle")])])]),t._v(" "),e("td",[e("RouterLink",{attrs:{to:"/guide/options.html#point-style"}},[e("code",[t._v("PointStyle")])])],1),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("'circle'")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("radius")])])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("10")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("rotation")])])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("0")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("xAdjust")])])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("0")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("xValue")])])]),t._v(" "),e("td",[e("code",[t._v("number")]),t._v(" | "),e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("yAdjust")])])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("0")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("yValue")])])]),t._v(" "),e("td",[e("code",[t._v("number")]),t._v(" | "),e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("undefined")])])])])]),t._v(" "),e("h3",{attrs:{id:"common-options-to-all-annotations"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#common-options-to-all-annotations"}},[t._v("#")]),t._v(" Common options to all annotations")]),t._v(" "),e("p",[t._v("The following options are available for all annotations.")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",[t._v("Name")]),t._v(" "),e("th",[t._v("Type")]),t._v(" "),e("th",{staticStyle:{"text-align":"center"}},[e("RouterLink",{attrs:{to:"/guide/options.html#scriptable-options"}},[t._v("Scriptable")])],1),t._v(" "),e("th",[t._v("Default")])])]),t._v(" "),e("tbody",[e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("adjustScaleRange")])])]),t._v(" "),e("td",[e("code",[t._v("boolean")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("true")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#styling"}},[e("code",[t._v("backgroundColor")])])]),t._v(" "),e("td",[e("RouterLink",{attrs:{to:"/guide/options.html#color"}},[e("code",[t._v("Color")])])],1),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("options.color")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#styling"}},[e("code",[t._v("borderColor")])])]),t._v(" "),e("td",[e("RouterLink",{attrs:{to:"/guide/options.html#color"}},[e("code",[t._v("Color")])])],1),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("options.color")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#styling"}},[e("code",[t._v("borderDash")])])]),t._v(" "),e("td",[e("code",[t._v("number[]")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("[]")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#styling"}},[e("code",[t._v("borderDashOffset")])])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("0")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#styling"}},[e("code",[t._v("borderShadowColor")])])]),t._v(" "),e("td",[e("RouterLink",{attrs:{to:"/guide/options.html#color"}},[e("code",[t._v("Color")])])],1),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("'transparent'")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("display")])])]),t._v(" "),e("td",[e("code",[t._v("boolean")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("true")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("drawTime")])])]),t._v(" "),e("td",[e("code",[t._v("string")]),t._v("|"),e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("'afterDatasetsDraw'")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("hitTolerance")])])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("0")])])]),t._v(" "),e("tr",[e("td",[e("RouterLink",{attrs:{to:"/guide/configuration.html#common"}},[e("code",[t._v("init")])])],1),t._v(" "),e("td",[e("code",[t._v("boolean")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("RouterLink",{attrs:{to:"/guide/configuration.html#initial-animation"}},[t._v("See initial animation")])],1),t._v(" "),e("td",[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("id")])])]),t._v(" "),e("td",[e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("No")]),t._v(" "),e("td",[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#styling"}},[e("code",[t._v("shadowBlur")])])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("0")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#styling"}},[e("code",[t._v("shadowOffsetX")])])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("0")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#styling"}},[e("code",[t._v("shadowOffsetY")])])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("0")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("xMax")])])]),t._v(" "),e("td",[e("code",[t._v("number")]),t._v(" | "),e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("xMin")])])]),t._v(" "),e("td",[e("code",[t._v("number")]),t._v(" | "),e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("xScaleID")])])]),t._v(" "),e("td",[e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("yMin")])])]),t._v(" "),e("td",[e("code",[t._v("number")]),t._v(" | "),e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("yMax")])])]),t._v(" "),e("td",[e("code",[t._v("number")]),t._v(" | "),e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("yScaleID")])])]),t._v(" "),e("td",[e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("z")])])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("0")])])])])]),t._v(" "),e("h3",{attrs:{id:"general"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#general"}},[t._v("#")]),t._v(" General")]),t._v(" "),e("p",[t._v("If one of the axes does not match an axis in the chart, the point annotation will take the center of the chart as point. The 2 coordinates, xValue, yValue are optional. If not specified, the point annotation will take the center of the scale dimension as point.")]),t._v(" "),e("p",[t._v("The 4 coordinates, xMin, xMax, yMin, yMax are optional. If not specified, the box is expanded out to the edges in the respective direction and the box size is used to calculated the center of the point. To enable to use the box positioning, the "),e("code",[t._v("radius")]),t._v(" must be set to "),e("code",[t._v("0")]),t._v(" or "),e("code",[t._v("NaN")]),t._v(".")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",[t._v("Name")]),t._v(" "),e("th",[t._v("Description")])])]),t._v(" "),e("tbody",[e("tr",[e("td",[e("code",[t._v("adjustScaleRange")])]),t._v(" "),e("td",[t._v("Should the scale range be adjusted if this annotation is out of range.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("display")])]),t._v(" "),e("td",[t._v("Whether or not this annotation is visible.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("drawTime")])]),t._v(" "),e("td",[t._v("See "),e("RouterLink",{attrs:{to:"/guide/options.html#draw-time"}},[t._v("drawTime")]),t._v(".")],1)]),t._v(" "),e("tr",[e("td",[e("code",[t._v("hitTolerance")])]),t._v(" "),e("td",[t._v("Amount of pixels to interact with annotations within some distance of the mouse point.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("id")])]),t._v(" "),e("td",[t._v("Identifies a unique id for the annotation and it will be stored in the element context. When the annotations are defined by an object, the id is automatically set using the key used to store the annotations in the object. When the annotations are configured by an array, the id, passed by this option in the annotation, will be used.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("radius")])]),t._v(" "),e("td",[t._v("Size of the point in pixels.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("rotation")])]),t._v(" "),e("td",[t._v("Rotation of point, in degrees.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("xAdjust")])]),t._v(" "),e("td",[t._v("Adjustment along x-axis (left-right) of point relative to computed position. Negative values move the point left, positive right.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("xMax")])]),t._v(" "),e("td",[t._v("Right edge of the box in units along the x axis.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("xMin")])]),t._v(" "),e("td",[t._v("Left edge of the box in units along the x axis.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("xScaleID")])]),t._v(" "),e("td",[t._v("ID of the X scale to bind onto. If missing, the plugin will try to use the scale of the chart, configured as "),e("code",[t._v("'x'")]),t._v(" axis. If more than one scale has been defined in the chart as "),e("code",[t._v("'x'")]),t._v(" axis, the option is mandatory to select the right scale.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("xValue")])]),t._v(" "),e("td",[t._v("X coordinate of the point in units along the x axis.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("yAdjust")])]),t._v(" "),e("td",[t._v("Adjustment along y-axis (top-bottom) of point relative to computed position. Negative values move the point up, positive down.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("yMax")])]),t._v(" "),e("td",[t._v("Bottom edge of the box in units along the y axis.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("yMin")])]),t._v(" "),e("td",[t._v("Top edge of the box in units along the y axis.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("yScaleID")])]),t._v(" "),e("td",[t._v("ID of the Y scale to bind onto. If missing, the plugin will try to use the scale of the chart, configured as "),e("code",[t._v("'y'")]),t._v(" axis. If more than one scale has been defined in the chart as "),e("code",[t._v("'y'")]),t._v(" axis, the option is mandatory to select the right scale.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("yValue")])]),t._v(" "),e("td",[t._v("Y coordinate of the point in units along the y axis.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("z")])]),t._v(" "),e("td",[t._v("The "),e("code",[t._v("z")]),t._v(" property determines the drawing stack level of the point annotation element. All visible elements will be drawn in ascending order of "),e("code",[t._v("z")]),t._v(" option, with the same "),e("code",[t._v("drawTime")]),t._v(" option.")])])])]),t._v(" "),e("h3",{attrs:{id:"styling"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#styling"}},[t._v("#")]),t._v(" Styling")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",[t._v("Name")]),t._v(" "),e("th",[t._v("Description")])])]),t._v(" "),e("tbody",[e("tr",[e("td",[e("code",[t._v("backgroundColor")])]),t._v(" "),e("td",[t._v("Fill color.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("backgroundShadowColor")])]),t._v(" "),e("td",[t._v("The color of shadow. See "),e("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/shadowColor",target:"_blank",rel:"noopener noreferrer"}},[t._v("MDN"),e("OutboundLink")],1),t._v(".")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("borderColor")])]),t._v(" "),e("td",[t._v("Stroke color.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("borderDash")])]),t._v(" "),e("td",[t._v("Length and spacing of dashes. See "),e("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/setLineDash",target:"_blank",rel:"noopener noreferrer"}},[t._v("MDN"),e("OutboundLink")],1),t._v(".")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("borderDashOffset")])]),t._v(" "),e("td",[t._v("Offset for line dashes. See "),e("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/lineDashOffset",target:"_blank",rel:"noopener noreferrer"}},[t._v("MDN"),e("OutboundLink")],1),t._v(".")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("borderShadowColor")])]),t._v(" "),e("td",[t._v("The color of border shadow. See "),e("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/shadowColor",target:"_blank",rel:"noopener noreferrer"}},[t._v("MDN"),e("OutboundLink")],1),t._v(".")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("borderWidth")])]),t._v(" "),e("td",[t._v("Stroke width.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("pointStyle")])]),t._v(" "),e("td",[t._v("Style of the point.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("shadowBlur")])]),t._v(" "),e("td",[t._v("The amount of blur applied to shadow. See "),e("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/shadowBlur",target:"_blank",rel:"noopener noreferrer"}},[t._v("MDN"),e("OutboundLink")],1),t._v(".")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("shadowOffsetX")])]),t._v(" "),e("td",[t._v("The distance that shadow will be offset horizontally. See "),e("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/shadowOffsetX",target:"_blank",rel:"noopener noreferrer"}},[t._v("MDN"),e("OutboundLink")],1),t._v(".")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("shadowOffsetY")])]),t._v(" "),e("td",[t._v("The distance that shadow will be offset vertically. See "),e("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/shadowOffsetY",target:"_blank",rel:"noopener noreferrer"}},[t._v("MDN"),e("OutboundLink")],1),t._v(".")])])])]),t._v(" "),e("h2",{attrs:{id:"element"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#element"}},[t._v("#")]),t._v(" Element")]),t._v(" "),e("p",[t._v("The following diagram is showing the element properties about a "),e("code",[t._v("'point'")]),t._v(" annotation:")]),t._v(" "),e("p",[e("img",{attrs:{src:o(265),alt:"point"}})])],1)}),[],!1,null,null,null);e.default=a.exports}}]); \ No newline at end of file diff --git a/master/assets/js/14.0775f950.js b/master/assets/js/14.0775f950.js deleted file mode 100644 index a70f7b18e..000000000 --- a/master/assets/js/14.0775f950.js +++ /dev/null @@ -1 +0,0 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[14],{266:function(t,e,o){t.exports=o.p+"assets/img/elementPolygonProps.67d2feff.png"},471:function(t,e,o){"use strict";o.r(e);var n=o(4),a=Object(n.a)({},(function(){var t=this,e=t._self._c;return e("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[e("h1",{attrs:{id:"polygon-annotations"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#polygon-annotations"}},[t._v("#")]),t._v(" Polygon Annotations")]),t._v(" "),e("p",[t._v("Polygon annotations are used to mark whatever polygon (for instance triangle, square or pentagon) on the chart area. This can be useful for highlighting values that are of interest.")]),t._v(" "),e("chart-editor",{attrs:{code:"/* */\nconst options = {\n plugins: {\n annotation: {\n annotations: {\n pentagon: {\n type: 'polygon',\n xValue: 1,\n yValue: 60,\n sides: 5,\n radius: 60,\n backgroundColor: 'rgba(255, 99, 132, 0.25)'\n }\n }\n }\n }\n};\n/* */\n\n/* */\nconst config = {\n type: 'line',\n data: {\n labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July'],\n datasets: [{\n label: 'My First Dataset',\n data: [65, 59, 80, 81, 56, 55, 40],\n fill: false,\n borderColor: 'rgb(75, 192, 192)',\n tension: 0.1\n }]\n },\n options\n};\n/* */\n\nmodule.exports = {\n config\n};\n"}}),e("h2",{attrs:{id:"configuration"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#configuration"}},[t._v("#")]),t._v(" Configuration")]),t._v(" "),e("h3",{attrs:{id:"polygon-annotation-specific-options"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#polygon-annotation-specific-options"}},[t._v("#")]),t._v(" Polygon annotation specific options")]),t._v(" "),e("p",[t._v("The following options are available for polygon annotations.")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",[t._v("Name")]),t._v(" "),e("th",[t._v("Type")]),t._v(" "),e("th",{staticStyle:{"text-align":"center"}},[e("RouterLink",{attrs:{to:"/guide/options.html#scriptable-options"}},[t._v("Scriptable")])],1),t._v(" "),e("th",[t._v("Default")])])]),t._v(" "),e("tbody",[e("tr",[e("td",[e("a",{attrs:{href:"#styling"}},[e("code",[t._v("backgroundShadowColor")])])]),t._v(" "),e("td",[e("RouterLink",{attrs:{to:"/guide/options.html#color"}},[e("code",[t._v("Color")])])],1),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("'transparent'")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#styling"}},[e("code",[t._v("borderCapStyle")])])]),t._v(" "),e("td",[e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("'butt'")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#styling"}},[e("code",[t._v("borderJoinStyle")])])]),t._v(" "),e("td",[e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("'miter'")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#styling"}},[e("code",[t._v("borderWidth")])])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("1")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#point"}},[e("code",[t._v("point")])])]),t._v(" "),e("td",[e("code",[t._v("object")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("{radius: 0}")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("radius")])])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("10")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("rotation")])])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("0")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("sides")])])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("3")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("xAdjust")])])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("0")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("xValue")])])]),t._v(" "),e("td",[e("code",[t._v("number")]),t._v(" | "),e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("yAdjust")])])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("0")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("yValue")])])]),t._v(" "),e("td",[e("code",[t._v("number")]),t._v(" | "),e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("undefined")])])])])]),t._v(" "),e("h3",{attrs:{id:"common-options-to-all-annotations"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#common-options-to-all-annotations"}},[t._v("#")]),t._v(" Common options to all annotations")]),t._v(" "),e("p",[t._v("The following options are available for all annotations.")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",[t._v("Name")]),t._v(" "),e("th",[t._v("Type")]),t._v(" "),e("th",{staticStyle:{"text-align":"center"}},[e("RouterLink",{attrs:{to:"/guide/options.html#scriptable-options"}},[t._v("Scriptable")])],1),t._v(" "),e("th",[t._v("Default")])])]),t._v(" "),e("tbody",[e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("adjustScaleRange")])])]),t._v(" "),e("td",[e("code",[t._v("boolean")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("true")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#styling"}},[e("code",[t._v("backgroundColor")])])]),t._v(" "),e("td",[e("RouterLink",{attrs:{to:"/guide/options.html#color"}},[e("code",[t._v("Color")])])],1),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("options.color")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#styling"}},[e("code",[t._v("borderColor")])])]),t._v(" "),e("td",[e("RouterLink",{attrs:{to:"/guide/options.html#color"}},[e("code",[t._v("Color")])])],1),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("options.color")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#styling"}},[e("code",[t._v("borderDash")])])]),t._v(" "),e("td",[e("code",[t._v("number[]")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("[]")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#styling"}},[e("code",[t._v("borderDashOffset")])])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("0")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#styling"}},[e("code",[t._v("borderShadowColor")])])]),t._v(" "),e("td",[e("RouterLink",{attrs:{to:"/guide/options.html#color"}},[e("code",[t._v("Color")])])],1),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("'transparent'")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("display")])])]),t._v(" "),e("td",[e("code",[t._v("boolean")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("true")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("drawTime")])])]),t._v(" "),e("td",[e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("'afterDatasetsDraw'")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("hitTolerance")])])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("0")])])]),t._v(" "),e("tr",[e("td",[e("RouterLink",{attrs:{to:"/guide/configuration.html#common"}},[e("code",[t._v("init")])])],1),t._v(" "),e("td",[e("code",[t._v("boolean")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("RouterLink",{attrs:{to:"/guide/configuration.html#initial-animation"}},[t._v("See initial animation")])],1),t._v(" "),e("td",[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("id")])])]),t._v(" "),e("td",[e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("No")]),t._v(" "),e("td",[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#styling"}},[e("code",[t._v("shadowBlur")])])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("0")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#styling"}},[e("code",[t._v("shadowOffsetX")])])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("0")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#styling"}},[e("code",[t._v("shadowOffsetY")])])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("0")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("xMax")])])]),t._v(" "),e("td",[e("code",[t._v("number")]),t._v(" | "),e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("xMin")])])]),t._v(" "),e("td",[e("code",[t._v("number")]),t._v(" | "),e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("xScaleID")])])]),t._v(" "),e("td",[e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("yMin")])])]),t._v(" "),e("td",[e("code",[t._v("number")]),t._v(" | "),e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("yMax")])])]),t._v(" "),e("td",[e("code",[t._v("number")]),t._v(" | "),e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("yScaleID")])])]),t._v(" "),e("td",[e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("z")])])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("0")])])])])]),t._v(" "),e("h3",{attrs:{id:"general"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#general"}},[t._v("#")]),t._v(" General")]),t._v(" "),e("p",[t._v("If one of the axes does not match an axis in the chart, the polygon annotation will take the center of the chart as point. The 2 coordinates, xValue, yValue are optional. If not specified, the polygon annotation will take the center of the scale dimension.")]),t._v(" "),e("p",[t._v("The 4 coordinates, xMin, xMax, yMin, yMax are optional. If not specified, the box is expanded out to the edges in the respective direction and the box size is used to calculated the center of the point. To enable to use the box positioning, the "),e("code",[t._v("radius")]),t._v(" must be set to "),e("code",[t._v("0")]),t._v(" or "),e("code",[t._v("NaN")]),t._v(".")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",[t._v("Name")]),t._v(" "),e("th",[t._v("Description")])])]),t._v(" "),e("tbody",[e("tr",[e("td",[e("code",[t._v("adjustScaleRange")])]),t._v(" "),e("td",[t._v("Should the scale range be adjusted if this annotation is out of range.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("display")])]),t._v(" "),e("td",[t._v("Whether or not this annotation is visible.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("drawTime")])]),t._v(" "),e("td",[t._v("See "),e("RouterLink",{attrs:{to:"/guide/options.html#draw-time"}},[t._v("drawTime")]),t._v(".")],1)]),t._v(" "),e("tr",[e("td",[e("code",[t._v("hitTolerance")])]),t._v(" "),e("td",[t._v("Amount of pixels to interact with annotations within some distance of the mouse point.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("id")])]),t._v(" "),e("td",[t._v("Identifies a unique id for the annotation and it will be stored in the element context. When the annotations are defined by an object, the id is automatically set using the key used to store the annotations in the object. When the annotations are configured by an array, the id, passed by this option in the annotation, will be used.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("radius")])]),t._v(" "),e("td",[t._v("Size of the polygon in pixels.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("rotation")])]),t._v(" "),e("td",[t._v("Rotation of polygon, in degrees.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("sides")])]),t._v(" "),e("td",[t._v("Amount of sides of polygon.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("xAdjust")])]),t._v(" "),e("td",[t._v("Adjustment along x-axis (left-right) of polygon relative to computed position. Negative values move the polygon left, positive right.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("xMax")])]),t._v(" "),e("td",[t._v("Right edge of the box in units along the x axis.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("xMin")])]),t._v(" "),e("td",[t._v("Left edge of the box in units along the x axis.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("xScaleID")])]),t._v(" "),e("td",[t._v("ID of the X scale to bind onto. If missing, the plugin will try to use the scale of the chart, configured as "),e("code",[t._v("'x'")]),t._v(" axis. If more than one scale has been defined in the chart as "),e("code",[t._v("'x'")]),t._v(" axis, the option is mandatory to select the right scale.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("xValue")])]),t._v(" "),e("td",[t._v("X coordinate of the polygon in units along the x axis.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("yAdjust")])]),t._v(" "),e("td",[t._v("Adjustment along y-axis (top-bottom) of polygon relative to computed position. Negative values move the polygon up, positive down.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("yMax")])]),t._v(" "),e("td",[t._v("Bottom edge of the box in units along the y axis.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("yMin")])]),t._v(" "),e("td",[t._v("Top edge of the box in units along the y axis.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("yScaleID")])]),t._v(" "),e("td",[t._v("ID of the Y scale to bind onto. If missing, the plugin will try to use the scale of the chart, configured as "),e("code",[t._v("'y'")]),t._v(" axis. If more than one scale has been defined in the chart as "),e("code",[t._v("'y'")]),t._v(" axis, the option is mandatory to select the right scale.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("yValue")])]),t._v(" "),e("td",[t._v("Y coordinate of the polygon in units along the y axis.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("z")])]),t._v(" "),e("td",[t._v("The "),e("code",[t._v("z")]),t._v(" property determines the drawing stack level of the polygon annotation element. All visible elements will be drawn in ascending order of "),e("code",[t._v("z")]),t._v(" option, with the same "),e("code",[t._v("drawTime")]),t._v(" option.")])])])]),t._v(" "),e("h3",{attrs:{id:"styling"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#styling"}},[t._v("#")]),t._v(" Styling")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",[t._v("Name")]),t._v(" "),e("th",[t._v("Description")])])]),t._v(" "),e("tbody",[e("tr",[e("td",[e("code",[t._v("backgroundColor")])]),t._v(" "),e("td",[t._v("Fill color.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("backgroundShadowColor")])]),t._v(" "),e("td",[t._v("The color of shadow. See "),e("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/shadowColor",target:"_blank",rel:"noopener noreferrer"}},[t._v("MDN"),e("OutboundLink")],1),t._v(".")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("borderColor")])]),t._v(" "),e("td",[t._v("Stroke color.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("borderCapStyle")])]),t._v(" "),e("td",[t._v("Cap style of the border of polygon. See "),e("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/lineCap",target:"_blank",rel:"noopener noreferrer"}},[t._v("MDN"),e("OutboundLink")],1),t._v(".")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("borderDash")])]),t._v(" "),e("td",[t._v("Length and spacing of dashes. See "),e("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/setLineDash",target:"_blank",rel:"noopener noreferrer"}},[t._v("MDN"),e("OutboundLink")],1),t._v(".")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("borderDashOffset")])]),t._v(" "),e("td",[t._v("Offset for line dashes. See "),e("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/lineDashOffset",target:"_blank",rel:"noopener noreferrer"}},[t._v("MDN"),e("OutboundLink")],1),t._v(".")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("borderJoinStyle")])]),t._v(" "),e("td",[t._v("Border line join style. See "),e("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/lineJoin",target:"_blank",rel:"noopener noreferrer"}},[t._v("MDN"),e("OutboundLink")],1),t._v(".")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("borderShadowColor")])]),t._v(" "),e("td",[t._v("The color of the border shadow. See "),e("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/shadowColor",target:"_blank",rel:"noopener noreferrer"}},[t._v("MDN"),e("OutboundLink")],1),t._v(".")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("borderWidth")])]),t._v(" "),e("td",[t._v("Stroke width.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("shadowBlur")])]),t._v(" "),e("td",[t._v("The amount of blur applied to shadow. See "),e("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/shadowBlur",target:"_blank",rel:"noopener noreferrer"}},[t._v("MDN"),e("OutboundLink")],1),t._v(".")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("shadowOffsetX")])]),t._v(" "),e("td",[t._v("The distance that shadow will be offset horizontally. See "),e("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/shadowOffsetX",target:"_blank",rel:"noopener noreferrer"}},[t._v("MDN"),e("OutboundLink")],1),t._v(".")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("shadowOffsetY")])]),t._v(" "),e("td",[t._v("The distance that shadow will be offset vertically. See "),e("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/shadowOffsetY",target:"_blank",rel:"noopener noreferrer"}},[t._v("MDN"),e("OutboundLink")],1),t._v(".")])])])]),t._v(" "),e("h3",{attrs:{id:"point"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#point"}},[t._v("#")]),t._v(" Point")]),t._v(" "),e("p",[t._v("Polygon consists of points. These points are actually "),e("a",{attrs:{href:"point"}},[t._v("Point Annotations")]),t._v(" and all of the "),e("RouterLink",{attrs:{to:"/guide/types/point.html#styling"}},[t._v("styling options")]),t._v(" can be configured. General options affecting the location of the point are ignored.")],1),t._v(" "),e("p",[t._v("Namespace: "),e("code",[t._v("options.annotations[annotationID].point")]),t._v(", it defines options for the callout on the annotation label.")]),t._v(" "),e("chart-editor",{attrs:{code:"/* */\nconst options = {\n plugins: {\n annotation: {\n annotations: {\n pentagon: {\n type: 'polygon',\n xValue: 1,\n yValue: 60,\n sides: 4,\n radius: 60,\n backgroundColor: 'rgba(255, 99, 132, 0.25)',\n point: {\n radius: 10,\n borderWidth: 2,\n borderColor: '#666',\n backgroundColor: 'rgba(99, 132, 255, 0.25)',\n }\n }\n }\n }\n }\n};\n/* */\n\n/* */\nconst config = {\n type: 'line',\n data: {\n labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July'],\n datasets: [{\n label: 'My First Dataset',\n data: [65, 59, 80, 81, 56, 55, 40],\n fill: false,\n borderColor: 'rgb(75, 192, 192)',\n tension: 0.1\n }]\n },\n options\n};\n/* */\n\nmodule.exports = {\n config\n};\n"}}),e("h2",{attrs:{id:"element"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#element"}},[t._v("#")]),t._v(" Element")]),t._v(" "),e("p",[t._v("The following diagram is showing the element properties about a "),e("code",[t._v("'polygon'")]),t._v(" annotation:")]),t._v(" "),e("p",[e("img",{attrs:{src:o(266),alt:"polygon"}})])],1)}),[],!1,null,null,null);e.default=a.exports}}]); \ No newline at end of file diff --git a/master/assets/js/14.97565b88.js b/master/assets/js/14.97565b88.js new file mode 100644 index 000000000..bdbb37bc4 --- /dev/null +++ b/master/assets/js/14.97565b88.js @@ -0,0 +1 @@ +(window.webpackJsonp=window.webpackJsonp||[]).push([[14],{266:function(t,e,o){t.exports=o.p+"assets/img/elementPolygonProps.67d2feff.png"},471:function(t,e,o){"use strict";o.r(e);var n=o(4),a=Object(n.a)({},(function(){var t=this,e=t._self._c;return e("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[e("h1",{attrs:{id:"polygon-annotations"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#polygon-annotations"}},[t._v("#")]),t._v(" Polygon Annotations")]),t._v(" "),e("p",[t._v("Polygon annotations are used to mark whatever polygon (for instance triangle, square or pentagon) on the chart area. This can be useful for highlighting values that are of interest.")]),t._v(" "),e("chart-editor",{attrs:{code:"/* */\nconst options = {\n plugins: {\n annotation: {\n annotations: {\n pentagon: {\n type: 'polygon',\n xValue: 1,\n yValue: 60,\n sides: 5,\n radius: 60,\n backgroundColor: 'rgba(255, 99, 132, 0.25)'\n }\n }\n }\n }\n};\n/* */\n\n/* */\nconst config = {\n type: 'line',\n data: {\n labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July'],\n datasets: [{\n label: 'My First Dataset',\n data: [65, 59, 80, 81, 56, 55, 40],\n fill: false,\n borderColor: 'rgb(75, 192, 192)',\n tension: 0.1\n }]\n },\n options\n};\n/* */\n\nmodule.exports = {\n config\n};\n"}}),e("h2",{attrs:{id:"configuration"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#configuration"}},[t._v("#")]),t._v(" Configuration")]),t._v(" "),e("h3",{attrs:{id:"polygon-annotation-specific-options"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#polygon-annotation-specific-options"}},[t._v("#")]),t._v(" Polygon annotation specific options")]),t._v(" "),e("p",[t._v("The following options are available for polygon annotations.")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",[t._v("Name")]),t._v(" "),e("th",[t._v("Type")]),t._v(" "),e("th",{staticStyle:{"text-align":"center"}},[e("RouterLink",{attrs:{to:"/guide/options.html#scriptable-options"}},[t._v("Scriptable")])],1),t._v(" "),e("th",[t._v("Default")])])]),t._v(" "),e("tbody",[e("tr",[e("td",[e("a",{attrs:{href:"#styling"}},[e("code",[t._v("backgroundShadowColor")])])]),t._v(" "),e("td",[e("RouterLink",{attrs:{to:"/guide/options.html#color"}},[e("code",[t._v("Color")])])],1),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("'transparent'")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#styling"}},[e("code",[t._v("borderCapStyle")])])]),t._v(" "),e("td",[e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("'butt'")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#styling"}},[e("code",[t._v("borderJoinStyle")])])]),t._v(" "),e("td",[e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("'miter'")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#styling"}},[e("code",[t._v("borderWidth")])])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("1")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#point"}},[e("code",[t._v("point")])])]),t._v(" "),e("td",[e("code",[t._v("object")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("{radius: 0}")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("radius")])])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("10")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("rotation")])])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("0")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("sides")])])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("3")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("xAdjust")])])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("0")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("xValue")])])]),t._v(" "),e("td",[e("code",[t._v("number")]),t._v(" | "),e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("yAdjust")])])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("0")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("yValue")])])]),t._v(" "),e("td",[e("code",[t._v("number")]),t._v(" | "),e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("undefined")])])])])]),t._v(" "),e("h3",{attrs:{id:"common-options-to-all-annotations"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#common-options-to-all-annotations"}},[t._v("#")]),t._v(" Common options to all annotations")]),t._v(" "),e("p",[t._v("The following options are available for all annotations.")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",[t._v("Name")]),t._v(" "),e("th",[t._v("Type")]),t._v(" "),e("th",{staticStyle:{"text-align":"center"}},[e("RouterLink",{attrs:{to:"/guide/options.html#scriptable-options"}},[t._v("Scriptable")])],1),t._v(" "),e("th",[t._v("Default")])])]),t._v(" "),e("tbody",[e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("adjustScaleRange")])])]),t._v(" "),e("td",[e("code",[t._v("boolean")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("true")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#styling"}},[e("code",[t._v("backgroundColor")])])]),t._v(" "),e("td",[e("RouterLink",{attrs:{to:"/guide/options.html#color"}},[e("code",[t._v("Color")])])],1),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("options.color")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#styling"}},[e("code",[t._v("borderColor")])])]),t._v(" "),e("td",[e("RouterLink",{attrs:{to:"/guide/options.html#color"}},[e("code",[t._v("Color")])])],1),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("options.color")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#styling"}},[e("code",[t._v("borderDash")])])]),t._v(" "),e("td",[e("code",[t._v("number[]")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("[]")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#styling"}},[e("code",[t._v("borderDashOffset")])])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("0")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#styling"}},[e("code",[t._v("borderShadowColor")])])]),t._v(" "),e("td",[e("RouterLink",{attrs:{to:"/guide/options.html#color"}},[e("code",[t._v("Color")])])],1),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("'transparent'")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("display")])])]),t._v(" "),e("td",[e("code",[t._v("boolean")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("true")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("drawTime")])])]),t._v(" "),e("td",[e("code",[t._v("string")]),t._v("|"),e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("'afterDatasetsDraw'")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("hitTolerance")])])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("0")])])]),t._v(" "),e("tr",[e("td",[e("RouterLink",{attrs:{to:"/guide/configuration.html#common"}},[e("code",[t._v("init")])])],1),t._v(" "),e("td",[e("code",[t._v("boolean")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("RouterLink",{attrs:{to:"/guide/configuration.html#initial-animation"}},[t._v("See initial animation")])],1),t._v(" "),e("td",[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("id")])])]),t._v(" "),e("td",[e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("No")]),t._v(" "),e("td",[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#styling"}},[e("code",[t._v("shadowBlur")])])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("0")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#styling"}},[e("code",[t._v("shadowOffsetX")])])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("0")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#styling"}},[e("code",[t._v("shadowOffsetY")])])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("0")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("xMax")])])]),t._v(" "),e("td",[e("code",[t._v("number")]),t._v(" | "),e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("xMin")])])]),t._v(" "),e("td",[e("code",[t._v("number")]),t._v(" | "),e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("xScaleID")])])]),t._v(" "),e("td",[e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("yMin")])])]),t._v(" "),e("td",[e("code",[t._v("number")]),t._v(" | "),e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("yMax")])])]),t._v(" "),e("td",[e("code",[t._v("number")]),t._v(" | "),e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("yScaleID")])])]),t._v(" "),e("td",[e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("z")])])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("0")])])])])]),t._v(" "),e("h3",{attrs:{id:"general"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#general"}},[t._v("#")]),t._v(" General")]),t._v(" "),e("p",[t._v("If one of the axes does not match an axis in the chart, the polygon annotation will take the center of the chart as point. The 2 coordinates, xValue, yValue are optional. If not specified, the polygon annotation will take the center of the scale dimension.")]),t._v(" "),e("p",[t._v("The 4 coordinates, xMin, xMax, yMin, yMax are optional. If not specified, the box is expanded out to the edges in the respective direction and the box size is used to calculated the center of the point. To enable to use the box positioning, the "),e("code",[t._v("radius")]),t._v(" must be set to "),e("code",[t._v("0")]),t._v(" or "),e("code",[t._v("NaN")]),t._v(".")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",[t._v("Name")]),t._v(" "),e("th",[t._v("Description")])])]),t._v(" "),e("tbody",[e("tr",[e("td",[e("code",[t._v("adjustScaleRange")])]),t._v(" "),e("td",[t._v("Should the scale range be adjusted if this annotation is out of range.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("display")])]),t._v(" "),e("td",[t._v("Whether or not this annotation is visible.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("drawTime")])]),t._v(" "),e("td",[t._v("See "),e("RouterLink",{attrs:{to:"/guide/options.html#draw-time"}},[t._v("drawTime")]),t._v(".")],1)]),t._v(" "),e("tr",[e("td",[e("code",[t._v("hitTolerance")])]),t._v(" "),e("td",[t._v("Amount of pixels to interact with annotations within some distance of the mouse point.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("id")])]),t._v(" "),e("td",[t._v("Identifies a unique id for the annotation and it will be stored in the element context. When the annotations are defined by an object, the id is automatically set using the key used to store the annotations in the object. When the annotations are configured by an array, the id, passed by this option in the annotation, will be used.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("radius")])]),t._v(" "),e("td",[t._v("Size of the polygon in pixels.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("rotation")])]),t._v(" "),e("td",[t._v("Rotation of polygon, in degrees.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("sides")])]),t._v(" "),e("td",[t._v("Amount of sides of polygon.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("xAdjust")])]),t._v(" "),e("td",[t._v("Adjustment along x-axis (left-right) of polygon relative to computed position. Negative values move the polygon left, positive right.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("xMax")])]),t._v(" "),e("td",[t._v("Right edge of the box in units along the x axis.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("xMin")])]),t._v(" "),e("td",[t._v("Left edge of the box in units along the x axis.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("xScaleID")])]),t._v(" "),e("td",[t._v("ID of the X scale to bind onto. If missing, the plugin will try to use the scale of the chart, configured as "),e("code",[t._v("'x'")]),t._v(" axis. If more than one scale has been defined in the chart as "),e("code",[t._v("'x'")]),t._v(" axis, the option is mandatory to select the right scale.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("xValue")])]),t._v(" "),e("td",[t._v("X coordinate of the polygon in units along the x axis.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("yAdjust")])]),t._v(" "),e("td",[t._v("Adjustment along y-axis (top-bottom) of polygon relative to computed position. Negative values move the polygon up, positive down.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("yMax")])]),t._v(" "),e("td",[t._v("Bottom edge of the box in units along the y axis.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("yMin")])]),t._v(" "),e("td",[t._v("Top edge of the box in units along the y axis.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("yScaleID")])]),t._v(" "),e("td",[t._v("ID of the Y scale to bind onto. If missing, the plugin will try to use the scale of the chart, configured as "),e("code",[t._v("'y'")]),t._v(" axis. If more than one scale has been defined in the chart as "),e("code",[t._v("'y'")]),t._v(" axis, the option is mandatory to select the right scale.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("yValue")])]),t._v(" "),e("td",[t._v("Y coordinate of the polygon in units along the y axis.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("z")])]),t._v(" "),e("td",[t._v("The "),e("code",[t._v("z")]),t._v(" property determines the drawing stack level of the polygon annotation element. All visible elements will be drawn in ascending order of "),e("code",[t._v("z")]),t._v(" option, with the same "),e("code",[t._v("drawTime")]),t._v(" option.")])])])]),t._v(" "),e("h3",{attrs:{id:"styling"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#styling"}},[t._v("#")]),t._v(" Styling")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",[t._v("Name")]),t._v(" "),e("th",[t._v("Description")])])]),t._v(" "),e("tbody",[e("tr",[e("td",[e("code",[t._v("backgroundColor")])]),t._v(" "),e("td",[t._v("Fill color.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("backgroundShadowColor")])]),t._v(" "),e("td",[t._v("The color of shadow. See "),e("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/shadowColor",target:"_blank",rel:"noopener noreferrer"}},[t._v("MDN"),e("OutboundLink")],1),t._v(".")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("borderColor")])]),t._v(" "),e("td",[t._v("Stroke color.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("borderCapStyle")])]),t._v(" "),e("td",[t._v("Cap style of the border of polygon. See "),e("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/lineCap",target:"_blank",rel:"noopener noreferrer"}},[t._v("MDN"),e("OutboundLink")],1),t._v(".")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("borderDash")])]),t._v(" "),e("td",[t._v("Length and spacing of dashes. See "),e("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/setLineDash",target:"_blank",rel:"noopener noreferrer"}},[t._v("MDN"),e("OutboundLink")],1),t._v(".")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("borderDashOffset")])]),t._v(" "),e("td",[t._v("Offset for line dashes. See "),e("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/lineDashOffset",target:"_blank",rel:"noopener noreferrer"}},[t._v("MDN"),e("OutboundLink")],1),t._v(".")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("borderJoinStyle")])]),t._v(" "),e("td",[t._v("Border line join style. See "),e("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/lineJoin",target:"_blank",rel:"noopener noreferrer"}},[t._v("MDN"),e("OutboundLink")],1),t._v(".")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("borderShadowColor")])]),t._v(" "),e("td",[t._v("The color of the border shadow. See "),e("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/shadowColor",target:"_blank",rel:"noopener noreferrer"}},[t._v("MDN"),e("OutboundLink")],1),t._v(".")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("borderWidth")])]),t._v(" "),e("td",[t._v("Stroke width.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("shadowBlur")])]),t._v(" "),e("td",[t._v("The amount of blur applied to shadow. See "),e("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/shadowBlur",target:"_blank",rel:"noopener noreferrer"}},[t._v("MDN"),e("OutboundLink")],1),t._v(".")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("shadowOffsetX")])]),t._v(" "),e("td",[t._v("The distance that shadow will be offset horizontally. See "),e("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/shadowOffsetX",target:"_blank",rel:"noopener noreferrer"}},[t._v("MDN"),e("OutboundLink")],1),t._v(".")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("shadowOffsetY")])]),t._v(" "),e("td",[t._v("The distance that shadow will be offset vertically. See "),e("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/shadowOffsetY",target:"_blank",rel:"noopener noreferrer"}},[t._v("MDN"),e("OutboundLink")],1),t._v(".")])])])]),t._v(" "),e("h3",{attrs:{id:"point"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#point"}},[t._v("#")]),t._v(" Point")]),t._v(" "),e("p",[t._v("Polygon consists of points. These points are actually "),e("a",{attrs:{href:"point"}},[t._v("Point Annotations")]),t._v(" and all of the "),e("RouterLink",{attrs:{to:"/guide/types/point.html#styling"}},[t._v("styling options")]),t._v(" can be configured. General options affecting the location of the point are ignored.")],1),t._v(" "),e("p",[t._v("Namespace: "),e("code",[t._v("options.annotations[annotationID].point")]),t._v(", it defines options for the callout on the annotation label.")]),t._v(" "),e("chart-editor",{attrs:{code:"/* */\nconst options = {\n plugins: {\n annotation: {\n annotations: {\n pentagon: {\n type: 'polygon',\n xValue: 1,\n yValue: 60,\n sides: 4,\n radius: 60,\n backgroundColor: 'rgba(255, 99, 132, 0.25)',\n point: {\n radius: 10,\n borderWidth: 2,\n borderColor: '#666',\n backgroundColor: 'rgba(99, 132, 255, 0.25)',\n }\n }\n }\n }\n }\n};\n/* */\n\n/* */\nconst config = {\n type: 'line',\n data: {\n labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July'],\n datasets: [{\n label: 'My First Dataset',\n data: [65, 59, 80, 81, 56, 55, 40],\n fill: false,\n borderColor: 'rgb(75, 192, 192)',\n tension: 0.1\n }]\n },\n options\n};\n/* */\n\nmodule.exports = {\n config\n};\n"}}),e("h2",{attrs:{id:"element"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#element"}},[t._v("#")]),t._v(" Element")]),t._v(" "),e("p",[t._v("The following diagram is showing the element properties about a "),e("code",[t._v("'polygon'")]),t._v(" annotation:")]),t._v(" "),e("p",[e("img",{attrs:{src:o(266),alt:"polygon"}})])],1)}),[],!1,null,null,null);e.default=a.exports}}]); \ No newline at end of file diff --git a/master/assets/js/16.57a575c3.js b/master/assets/js/16.37bcc9d9.js similarity index 52% rename from master/assets/js/16.57a575c3.js rename to master/assets/js/16.37bcc9d9.js index d13b61b0e..b05d0f71d 100644 --- a/master/assets/js/16.57a575c3.js +++ b/master/assets/js/16.37bcc9d9.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[16],{427:function(t,e,n){"use strict";n.r(e);var a=n(4),o=Object(a.a)({},(function(){var t=this,e=t._self._c;return e("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[e("h1",{attrs:{id:"chart-js-annotation-v3-0-1"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#chart-js-annotation-v3-0-1"}},[t._v("#")]),t._v(" Chart.js annotation - v3.0.1")]),t._v(" "),e("h2",{attrs:{id:"interfaces"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#interfaces"}},[t._v("#")]),t._v(" Interfaces")]),t._v(" "),e("ul",[e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/AnnotationBoxModel.html"}},[t._v("AnnotationBoxModel")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/AnnotationElement.html"}},[t._v("AnnotationElement")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/AnnotationEvents.html"}},[t._v("AnnotationEvents")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/AnnotationHooks.html"}},[t._v("AnnotationHooks")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/AnnotationPluginOptions.html"}},[t._v("AnnotationPluginOptions")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/AnnotationPointCoordinates.html"}},[t._v("AnnotationPointCoordinates")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/AnnotationTypeRegistry.html"}},[t._v("AnnotationTypeRegistry")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/ArrowHeadOptions.html"}},[t._v("ArrowHeadOptions")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/ArrowHeadsOptions.html"}},[t._v("ArrowHeadsOptions")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/BoxAnnotationOptions.html"}},[t._v("BoxAnnotationOptions")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/BoxLabelOptions.html"}},[t._v("BoxLabelOptions")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/CalloutOptions.html"}},[t._v("CalloutOptions")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/ContainedLabelOptions.html"}},[t._v("ContainedLabelOptions")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/ControlPointOptions.html"}},[t._v("ControlPointOptions")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreLabelOptions.html"}},[t._v("CoreLabelOptions")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/EllipseAnnotationOptions.html"}},[t._v("EllipseAnnotationOptions")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/EventContext.html"}},[t._v("EventContext")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/LabelAnnotationOptions.html"}},[t._v("LabelAnnotationOptions")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/LabelOptions.html"}},[t._v("LabelOptions")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/LabelPadding.html"}},[t._v("LabelPadding")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/LabelPositionObject.html"}},[t._v("LabelPositionObject")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/LabelTypeOptions.html"}},[t._v("LabelTypeOptions")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/LineAnnotationOptions.html"}},[t._v("LineAnnotationOptions")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[t._v("PartialEventContext")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/PointAnnotationOptions.html"}},[t._v("PointAnnotationOptions")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/PolygonAnnotationOptions.html"}},[t._v("PolygonAnnotationOptions")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/ShadowOptions.html"}},[t._v("ShadowOptions")])],1)]),t._v(" "),e("h2",{attrs:{id:"type-aliases"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#type-aliases"}},[t._v("#")]),t._v(" Type Aliases")]),t._v(" "),e("h3",{attrs:{id:"annotationoptions"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#annotationoptions"}},[t._v("#")]),t._v(" AnnotationOptions")]),t._v(" "),e("p",[t._v("Ƭ "),e("strong",[t._v("AnnotationOptions")]),t._v("<"),e("code",[t._v("TYPE")]),t._v(">: { [key in TYPE]: Object & AnnotationTypeRegistry[key] }["),e("code",[t._v("TYPE")]),t._v("]")]),t._v(" "),e("h4",{attrs:{id:"type-parameters"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#type-parameters"}},[t._v("#")]),t._v(" Type parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("TYPE")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("extends "),e("RouterLink",{attrs:{to:"/api/#annotationtype"}},[e("code",[t._v("AnnotationType")])]),t._v(" = "),e("RouterLink",{attrs:{to:"/api/#annotationtype"}},[e("code",[t._v("AnnotationType")])])],1)])])]),t._v(" "),e("h4",{attrs:{id:"defined-in"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/456e46b/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/456e46b/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/456e46b/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/456e46b/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/456e46b/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/456e46b/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/456e46b/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/456e46b/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/456e46b/types/label.d.ts#L5",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:5"),e("OutboundLink")],1)]),t._v(" "),e("h2",{attrs:{id:"variables"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#variables"}},[t._v("#")]),t._v(" Variables")]),t._v(" "),e("h3",{attrs:{id:"default"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#default"}},[t._v("#")]),t._v(" default")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Const")]),t._v(" "),e("strong",[t._v("default")]),t._v(": "),e("code",[t._v("Plugin")]),t._v(" & { "),e("code",[t._v("getAnnotations")]),t._v(": ("),e("code",[t._v("chart")]),t._v(": "),e("code",[t._v("Chart")]),t._v(") => "),e("RouterLink",{attrs:{to:"/api/interfaces/AnnotationElement.html"}},[e("code",[t._v("AnnotationElement")])]),t._v("[] }")],1),t._v(" "),e("h4",{attrs:{id:"defined-in-10"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-10"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/456e46b/types/index.d.ts#L21",target:"_blank",rel:"noopener noreferrer"}},[t._v("index.d.ts:21"),e("OutboundLink")],1)])])}),[],!1,null,null,null);e.default=o.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[16],{426:function(t,e,a){"use strict";a.r(e);var n=a(4),o=Object(n.a)({},(function(){var t=this,e=t._self._c;return e("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[e("h1",{attrs:{id:"chart-js-annotation-v3-0-1"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#chart-js-annotation-v3-0-1"}},[t._v("#")]),t._v(" Chart.js annotation - v3.0.1")]),t._v(" "),e("h2",{attrs:{id:"interfaces"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#interfaces"}},[t._v("#")]),t._v(" Interfaces")]),t._v(" "),e("ul",[e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/AnnotationBoxModel.html"}},[t._v("AnnotationBoxModel")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/AnnotationElement.html"}},[t._v("AnnotationElement")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/AnnotationEvents.html"}},[t._v("AnnotationEvents")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/AnnotationHooks.html"}},[t._v("AnnotationHooks")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/AnnotationPluginOptions.html"}},[t._v("AnnotationPluginOptions")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/AnnotationPointCoordinates.html"}},[t._v("AnnotationPointCoordinates")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/AnnotationTypeRegistry.html"}},[t._v("AnnotationTypeRegistry")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/ArrowHeadOptions.html"}},[t._v("ArrowHeadOptions")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/ArrowHeadsOptions.html"}},[t._v("ArrowHeadsOptions")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/BoxAnnotationOptions.html"}},[t._v("BoxAnnotationOptions")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/BoxLabelOptions.html"}},[t._v("BoxLabelOptions")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/CalloutOptions.html"}},[t._v("CalloutOptions")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/ContainedLabelOptions.html"}},[t._v("ContainedLabelOptions")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/ControlPointOptions.html"}},[t._v("ControlPointOptions")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreLabelOptions.html"}},[t._v("CoreLabelOptions")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/EllipseAnnotationOptions.html"}},[t._v("EllipseAnnotationOptions")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/EventContext.html"}},[t._v("EventContext")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/LabelAnnotationOptions.html"}},[t._v("LabelAnnotationOptions")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/LabelOptions.html"}},[t._v("LabelOptions")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/LabelPadding.html"}},[t._v("LabelPadding")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/LabelPositionObject.html"}},[t._v("LabelPositionObject")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/LabelTypeOptions.html"}},[t._v("LabelTypeOptions")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/LineAnnotationOptions.html"}},[t._v("LineAnnotationOptions")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[t._v("PartialEventContext")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/PointAnnotationOptions.html"}},[t._v("PointAnnotationOptions")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/PolygonAnnotationOptions.html"}},[t._v("PolygonAnnotationOptions")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/ShadowOptions.html"}},[t._v("ShadowOptions")])],1)]),t._v(" "),e("h2",{attrs:{id:"type-aliases"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#type-aliases"}},[t._v("#")]),t._v(" Type Aliases")]),t._v(" "),e("h3",{attrs:{id:"annotationoptions"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#annotationoptions"}},[t._v("#")]),t._v(" AnnotationOptions")]),t._v(" "),e("p",[t._v("Ƭ "),e("strong",[t._v("AnnotationOptions")]),t._v("<"),e("code",[t._v("TYPE")]),t._v(">: { [key in TYPE]: Object & AnnotationTypeRegistry[key] }["),e("code",[t._v("TYPE")]),t._v("]")]),t._v(" "),e("h4",{attrs:{id:"type-parameters"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#type-parameters"}},[t._v("#")]),t._v(" Type parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("TYPE")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("extends "),e("RouterLink",{attrs:{to:"/api/#annotationtype"}},[e("code",[t._v("AnnotationType")])]),t._v(" = "),e("RouterLink",{attrs:{to:"/api/#annotationtype"}},[e("code",[t._v("AnnotationType")])])],1)])])]),t._v(" "),e("h4",{attrs:{id:"defined-in"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/a15dde6/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/a15dde6/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/a15dde6/types/label.d.ts#L10",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:10"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"drawtime"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#drawtime"}},[t._v("#")]),t._v(" DrawTime")]),t._v(" "),e("p",[t._v("Ƭ "),e("strong",[t._v("DrawTime")]),t._v(": "),e("code",[t._v('"afterDraw"')]),t._v(" | "),e("code",[t._v('"afterDatasetsDraw"')]),t._v(" | "),e("code",[t._v('"beforeDraw"')]),t._v(" | "),e("code",[t._v('"beforeDatasetsDraw"')]),t._v(" | "),e("code",[t._v("number")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-4"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-4"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/a15dde6/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/a15dde6/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/a15dde6/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/a15dde6/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/a15dde6/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/a15dde6/types/label.d.ts#L5",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:5"),e("OutboundLink")],1)]),t._v(" "),e("h2",{attrs:{id:"variables"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#variables"}},[t._v("#")]),t._v(" Variables")]),t._v(" "),e("h3",{attrs:{id:"default"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#default"}},[t._v("#")]),t._v(" default")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Const")]),t._v(" "),e("strong",[t._v("default")]),t._v(": "),e("code",[t._v("Plugin")]),t._v(" & { "),e("code",[t._v("getAnnotations")]),t._v(": ("),e("code",[t._v("chart")]),t._v(": "),e("code",[t._v("Chart")]),t._v(") => "),e("RouterLink",{attrs:{to:"/api/interfaces/AnnotationElement.html"}},[e("code",[t._v("AnnotationElement")])]),t._v("[] }")],1),t._v(" "),e("h4",{attrs:{id:"defined-in-10"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-10"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/a15dde6/types/index.d.ts#L21",target:"_blank",rel:"noopener noreferrer"}},[t._v("index.d.ts:21"),e("OutboundLink")],1)])])}),[],!1,null,null,null);e.default=o.exports}}]); \ No newline at end of file diff --git a/master/assets/js/17.fac7fa54.js b/master/assets/js/17.467e0852.js similarity index 87% rename from master/assets/js/17.fac7fa54.js rename to master/assets/js/17.467e0852.js index e080954de..50e0648b2 100644 --- a/master/assets/js/17.fac7fa54.js +++ b/master/assets/js/17.467e0852.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/456e46b/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/456e46b/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/456e46b/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/456e46b/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/456e46b/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/456e46b/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/456e46b/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/456e46b/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/456e46b/types/element.d.ts#L7",target:"_blank",rel:"noopener noreferrer"}},[t._v("element.d.ts:7"),e("OutboundLink")],1)])])}),[],!1,null,null,null);e.default=a.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[17],{427:function(t,e,r){"use strict";r.r(e);var a=r(4),n=Object(a.a)({},(function(){var t=this,e=t._self._c;return e("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[e("h1",{attrs:{id:"interface-annotationboxmodel"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#interface-annotationboxmodel"}},[t._v("#")]),t._v(" Interface: AnnotationBoxModel")]),t._v(" "),e("h2",{attrs:{id:"hierarchy"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#hierarchy"}},[t._v("#")]),t._v(" Hierarchy")]),t._v(" "),e("ul",[e("li",[e("p",[e("strong",[e("code",[t._v("AnnotationBoxModel")])])]),t._v(" "),e("p",[t._v("↳ "),e("RouterLink",{attrs:{to:"/api/interfaces/AnnotationElement.html"}},[e("code",[t._v("AnnotationElement")])])],1)])]),t._v(" "),e("h2",{attrs:{id:"properties"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#properties"}},[t._v("#")]),t._v(" Properties")]),t._v(" "),e("h3",{attrs:{id:"centerx"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#centerx"}},[t._v("#")]),t._v(" centerX")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("centerX")]),t._v(": "),e("code",[t._v("number")])]),t._v(" "),e("h4",{attrs:{id:"defined-in"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/a15dde6/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/a15dde6/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/a15dde6/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/a15dde6/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/a15dde6/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/a15dde6/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/a15dde6/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/a15dde6/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/a15dde6/types/element.d.ts#L7",target:"_blank",rel:"noopener noreferrer"}},[t._v("element.d.ts:7"),e("OutboundLink")],1)])])}),[],!1,null,null,null);e.default=n.exports}}]); \ No newline at end of file diff --git a/master/assets/js/18.c1f92080.js b/master/assets/js/18.51e5218f.js similarity index 92% rename from master/assets/js/18.c1f92080.js rename to master/assets/js/18.51e5218f.js index 10c9cb60c..a9819be22 100644 --- a/master/assets/js/18.c1f92080.js +++ b/master/assets/js/18.51e5218f.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[18],{429: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/456e46b/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/456e46b/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/456e46b/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/456e46b/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/456e46b/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/456e46b/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/456e46b/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/456e46b/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/456e46b/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/456e46b/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/456e46b/types/element.d.ts#L7",target:"_blank",rel:"noopener noreferrer"}},[t._v("element.d.ts:7"),e("OutboundLink")],1)])])}),[],!1,null,null,null);e.default=a.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[18],{428:function(t,e,r){"use strict";r.r(e);var n=r(4),a=Object(n.a)({},(function(){var t=this,e=t._self._c;return e("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[e("h1",{attrs:{id:"interface-annotationelement"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#interface-annotationelement"}},[t._v("#")]),t._v(" Interface: AnnotationElement")]),t._v(" "),e("h2",{attrs:{id:"hierarchy"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#hierarchy"}},[t._v("#")]),t._v(" Hierarchy")]),t._v(" "),e("ul",[e("li",[e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/AnnotationBoxModel.html"}},[e("code",[t._v("AnnotationBoxModel")])])],1),t._v(" "),e("p",[t._v("↳ "),e("strong",[e("code",[t._v("AnnotationElement")])])])])]),t._v(" "),e("h2",{attrs:{id:"properties"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#properties"}},[t._v("#")]),t._v(" Properties")]),t._v(" "),e("h3",{attrs:{id:"centerx"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#centerx"}},[t._v("#")]),t._v(" centerX")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("centerX")]),t._v(": "),e("code",[t._v("number")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/AnnotationBoxModel.html"}},[t._v("AnnotationBoxModel")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/AnnotationBoxModel.html#centerx"}},[t._v("centerX")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/a15dde6/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/a15dde6/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/a15dde6/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/a15dde6/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/a15dde6/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/a15dde6/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/a15dde6/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/a15dde6/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/a15dde6/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/a15dde6/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/a15dde6/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.ce54601b.js b/master/assets/js/19.f5e646d7.js similarity index 95% rename from master/assets/js/19.ce54601b.js rename to master/assets/js/19.f5e646d7.js index d87c0babd..9b8e52d6c 100644 --- a/master/assets/js/19.ce54601b.js +++ b/master/assets/js/19.f5e646d7.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/456e46b/types/events.d.ts#L27",target:"_blank",rel:"noopener noreferrer"}},[t._v("events.d.ts:27"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"enter"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#enter"}},[t._v("#")]),t._v(" enter")]),t._v(" "),e("p",[t._v("▸ "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("enter")]),t._v("("),e("code",[t._v("context")]),t._v(", "),e("code",[t._v("event")]),t._v("): "),e("code",[t._v("boolean")]),t._v(" | "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"parameters-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-2"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("context")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/interfaces/EventContext.html"}},[e("code",[t._v("EventContext")])])],1)]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("event")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("ChartEvent")])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-2"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("boolean")]),t._v(" | "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-2"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/456e46b/types/events.d.ts#L25",target:"_blank",rel:"noopener noreferrer"}},[t._v("events.d.ts:25"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"leave"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#leave"}},[t._v("#")]),t._v(" leave")]),t._v(" "),e("p",[t._v("▸ "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("leave")]),t._v("("),e("code",[t._v("context")]),t._v(", "),e("code",[t._v("event")]),t._v("): "),e("code",[t._v("boolean")]),t._v(" | "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"parameters-3"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-3"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("context")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/interfaces/EventContext.html"}},[e("code",[t._v("EventContext")])])],1)]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("event")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("ChartEvent")])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-3"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-3"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("boolean")]),t._v(" | "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-3"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-3"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/456e46b/types/events.d.ts#L26",target:"_blank",rel:"noopener noreferrer"}},[t._v("events.d.ts:26"),e("OutboundLink")],1)])])}),[],!1,null,null,null);e.default=r.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[19],{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-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/a15dde6/types/events.d.ts#L27",target:"_blank",rel:"noopener noreferrer"}},[t._v("events.d.ts:27"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"enter"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#enter"}},[t._v("#")]),t._v(" enter")]),t._v(" "),e("p",[t._v("▸ "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("enter")]),t._v("("),e("code",[t._v("context")]),t._v(", "),e("code",[t._v("event")]),t._v("): "),e("code",[t._v("boolean")]),t._v(" | "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"parameters-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-2"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("context")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/interfaces/EventContext.html"}},[e("code",[t._v("EventContext")])])],1)]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("event")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("ChartEvent")])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-2"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("boolean")]),t._v(" | "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-2"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/a15dde6/types/events.d.ts#L25",target:"_blank",rel:"noopener noreferrer"}},[t._v("events.d.ts:25"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"leave"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#leave"}},[t._v("#")]),t._v(" leave")]),t._v(" "),e("p",[t._v("▸ "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("leave")]),t._v("("),e("code",[t._v("context")]),t._v(", "),e("code",[t._v("event")]),t._v("): "),e("code",[t._v("boolean")]),t._v(" | "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"parameters-3"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-3"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("context")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/interfaces/EventContext.html"}},[e("code",[t._v("EventContext")])])],1)]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("event")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("ChartEvent")])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-3"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-3"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("boolean")]),t._v(" | "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-3"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-3"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/a15dde6/types/events.d.ts#L26",target:"_blank",rel:"noopener noreferrer"}},[t._v("events.d.ts:26"),e("OutboundLink")],1)])])}),[],!1,null,null,null);e.default=r.exports}}]); \ No newline at end of file diff --git a/master/assets/js/20.efb14469.js b/master/assets/js/20.22dc3fa3.js similarity index 95% rename from master/assets/js/20.efb14469.js rename to master/assets/js/20.22dc3fa3.js index 884e955c1..f98f00f2a 100644 --- a/master/assets/js/20.efb14469.js +++ b/master/assets/js/20.22dc3fa3.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[20],{430:function(t,e,a){"use strict";a.r(e);var r=a(4),n=Object(r.a)({},(function(){var t=this,e=t._self._c;return e("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[e("h1",{attrs:{id:"interface-annotationhooks"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#interface-annotationhooks"}},[t._v("#")]),t._v(" Interface: AnnotationHooks")]),t._v(" "),e("h2",{attrs:{id:"hierarchy"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#hierarchy"}},[t._v("#")]),t._v(" Hierarchy")]),t._v(" "),e("ul",[e("li",[e("p",[e("strong",[e("code",[t._v("AnnotationHooks")])])]),t._v(" "),e("p",[t._v("↳ "),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html"}},[e("code",[t._v("CoreAnnotationOptions")])])],1),t._v(" "),e("p",[t._v("↳ "),e("RouterLink",{attrs:{to:"/api/interfaces/AnnotationPluginOptions.html"}},[e("code",[t._v("AnnotationPluginOptions")])])],1)])]),t._v(" "),e("h2",{attrs:{id:"methods"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#methods"}},[t._v("#")]),t._v(" Methods")]),t._v(" "),e("h3",{attrs:{id:"afterdraw"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#afterdraw"}},[t._v("#")]),t._v(" afterDraw")]),t._v(" "),e("p",[t._v("▸ "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("afterDraw")]),t._v("("),e("code",[t._v("context")]),t._v("): "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"parameters"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("context")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/interfaces/EventContext.html"}},[e("code",[t._v("EventContext")])])],1)])])]),t._v(" "),e("h4",{attrs:{id:"returns"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"defined-in"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/456e46b/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/456e46b/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/a15dde6/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/a15dde6/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.1ef7d184.js b/master/assets/js/21.c2017e46.js similarity index 95% rename from master/assets/js/21.1ef7d184.js rename to master/assets/js/21.c2017e46.js index cb8272ae0..2d68b0a56 100644 --- a/master/assets/js/21.1ef7d184.js +++ b/master/assets/js/21.c2017e46.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[21],{432:function(t,e,a){"use strict";a.r(e);var n=a(4),r=Object(n.a)({},(function(){var t=this,e=t._self._c;return e("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[e("h1",{attrs:{id:"interface-annotationpluginoptions"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#interface-annotationpluginoptions"}},[t._v("#")]),t._v(" Interface: AnnotationPluginOptions")]),t._v(" "),e("h2",{attrs:{id:"hierarchy"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#hierarchy"}},[t._v("#")]),t._v(" Hierarchy")]),t._v(" "),e("ul",[e("li",[e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/AnnotationEvents.html"}},[e("code",[t._v("AnnotationEvents")])])],1)]),t._v(" "),e("li",[e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/AnnotationHooks.html"}},[e("code",[t._v("AnnotationHooks")])])],1),t._v(" "),e("p",[t._v("↳ "),e("strong",[e("code",[t._v("AnnotationPluginOptions")])])])])]),t._v(" "),e("h2",{attrs:{id:"properties"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#properties"}},[t._v("#")]),t._v(" Properties")]),t._v(" "),e("h3",{attrs:{id:"animations"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#animations"}},[t._v("#")]),t._v(" animations")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("animations")]),t._v(": "),e("code",[t._v("Record")]),t._v("<"),e("code",[t._v("string")]),t._v(", "),e("code",[t._v("unknown")]),t._v(">")]),t._v(" "),e("h4",{attrs:{id:"defined-in"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/456e46b/types/options.d.ts#L153",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:153"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"annotations"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#annotations"}},[t._v("#")]),t._v(" annotations")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("annotations")]),t._v(": "),e("code",[t._v("Record")]),t._v("<"),e("code",[t._v("string")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/#annotationoptions"}},[e("code",[t._v("AnnotationOptions")])]),t._v("> | "),e("RouterLink",{attrs:{to:"/api/#annotationoptions"}},[e("code",[t._v("AnnotationOptions")])]),t._v("[]")],1),t._v(" "),e("h4",{attrs:{id:"defined-in-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-2"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/456e46b/types/options.d.ts#L154",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:154"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"clip"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#clip"}},[t._v("#")]),t._v(" clip")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("clip")]),t._v(": "),e("code",[t._v("boolean")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-3"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-3"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/456e46b/types/options.d.ts#L155",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:155"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"common"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#common"}},[t._v("#")]),t._v(" common")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("common")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/interfaces/BoxAnnotationOptions.html"}},[e("code",[t._v("BoxAnnotationOptions")])]),t._v(" | "),e("RouterLink",{attrs:{to:"/api/interfaces/EllipseAnnotationOptions.html"}},[e("code",[t._v("EllipseAnnotationOptions")])]),t._v(" | "),e("RouterLink",{attrs:{to:"/api/interfaces/LabelAnnotationOptions.html"}},[e("code",[t._v("LabelAnnotationOptions")])]),t._v(" | "),e("RouterLink",{attrs:{to:"/api/interfaces/LineAnnotationOptions.html"}},[e("code",[t._v("LineAnnotationOptions")])]),t._v(" | "),e("RouterLink",{attrs:{to:"/api/interfaces/PointAnnotationOptions.html"}},[e("code",[t._v("PointAnnotationOptions")])]),t._v(" | "),e("RouterLink",{attrs:{to:"/api/interfaces/PolygonAnnotationOptions.html"}},[e("code",[t._v("PolygonAnnotationOptions")])])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-4"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-4"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/456e46b/types/options.d.ts#L156",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:156"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"interaction"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#interaction"}},[t._v("#")]),t._v(" interaction")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("interaction")]),t._v(": "),e("code",[t._v("CoreInteractionOptions")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-5"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-5"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/456e46b/types/options.d.ts#L157",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:157"),e("OutboundLink")],1)]),t._v(" "),e("h2",{attrs:{id:"methods"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#methods"}},[t._v("#")]),t._v(" Methods")]),t._v(" "),e("h3",{attrs:{id:"afterdraw"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#afterdraw"}},[t._v("#")]),t._v(" afterDraw")]),t._v(" "),e("p",[t._v("▸ "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("afterDraw")]),t._v("("),e("code",[t._v("context")]),t._v("): "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"parameters"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("context")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/interfaces/EventContext.html"}},[e("code",[t._v("EventContext")])])],1)])])]),t._v(" "),e("h4",{attrs:{id:"returns"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/AnnotationHooks.html"}},[t._v("AnnotationHooks")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/AnnotationHooks.html#afterdraw"}},[t._v("afterDraw")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-6"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-6"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/456e46b/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/456e46b/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/456e46b/types/events.d.ts#L27",target:"_blank",rel:"noopener noreferrer"}},[t._v("events.d.ts:27"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"enter"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#enter"}},[t._v("#")]),t._v(" enter")]),t._v(" "),e("p",[t._v("▸ "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("enter")]),t._v("("),e("code",[t._v("context")]),t._v(", "),e("code",[t._v("event")]),t._v("): "),e("code",[t._v("boolean")]),t._v(" | "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"parameters-4"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-4"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("context")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/interfaces/EventContext.html"}},[e("code",[t._v("EventContext")])])],1)]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("event")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("ChartEvent")])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-4"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-4"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("boolean")]),t._v(" | "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-4"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-4"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/AnnotationEvents.html"}},[t._v("AnnotationEvents")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/AnnotationEvents.html#enter"}},[t._v("enter")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-9"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-9"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/456e46b/types/events.d.ts#L25",target:"_blank",rel:"noopener noreferrer"}},[t._v("events.d.ts:25"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"leave"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#leave"}},[t._v("#")]),t._v(" leave")]),t._v(" "),e("p",[t._v("▸ "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("leave")]),t._v("("),e("code",[t._v("context")]),t._v(", "),e("code",[t._v("event")]),t._v("): "),e("code",[t._v("boolean")]),t._v(" | "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"parameters-5"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-5"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("context")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/interfaces/EventContext.html"}},[e("code",[t._v("EventContext")])])],1)]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("event")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("ChartEvent")])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-5"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-5"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("boolean")]),t._v(" | "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-5"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-5"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/AnnotationEvents.html"}},[t._v("AnnotationEvents")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/AnnotationEvents.html#leave"}},[t._v("leave")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-10"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-10"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/456e46b/types/events.d.ts#L26",target:"_blank",rel:"noopener noreferrer"}},[t._v("events.d.ts:26"),e("OutboundLink")],1)])])}),[],!1,null,null,null);e.default=r.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[21],{431:function(t,e,a){"use strict";a.r(e);var n=a(4),r=Object(n.a)({},(function(){var t=this,e=t._self._c;return e("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[e("h1",{attrs:{id:"interface-annotationpluginoptions"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#interface-annotationpluginoptions"}},[t._v("#")]),t._v(" Interface: AnnotationPluginOptions")]),t._v(" "),e("h2",{attrs:{id:"hierarchy"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#hierarchy"}},[t._v("#")]),t._v(" Hierarchy")]),t._v(" "),e("ul",[e("li",[e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/AnnotationEvents.html"}},[e("code",[t._v("AnnotationEvents")])])],1)]),t._v(" "),e("li",[e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/AnnotationHooks.html"}},[e("code",[t._v("AnnotationHooks")])])],1),t._v(" "),e("p",[t._v("↳ "),e("strong",[e("code",[t._v("AnnotationPluginOptions")])])])])]),t._v(" "),e("h2",{attrs:{id:"properties"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#properties"}},[t._v("#")]),t._v(" Properties")]),t._v(" "),e("h3",{attrs:{id:"animations"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#animations"}},[t._v("#")]),t._v(" animations")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("animations")]),t._v(": "),e("code",[t._v("Record")]),t._v("<"),e("code",[t._v("string")]),t._v(", "),e("code",[t._v("unknown")]),t._v(">")]),t._v(" "),e("h4",{attrs:{id:"defined-in"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/a15dde6/types/options.d.ts#L153",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:153"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"annotations"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#annotations"}},[t._v("#")]),t._v(" annotations")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("annotations")]),t._v(": "),e("code",[t._v("Record")]),t._v("<"),e("code",[t._v("string")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/#annotationoptions"}},[e("code",[t._v("AnnotationOptions")])]),t._v("> | "),e("RouterLink",{attrs:{to:"/api/#annotationoptions"}},[e("code",[t._v("AnnotationOptions")])]),t._v("[]")],1),t._v(" "),e("h4",{attrs:{id:"defined-in-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-2"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/a15dde6/types/options.d.ts#L154",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:154"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"clip"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#clip"}},[t._v("#")]),t._v(" clip")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("clip")]),t._v(": "),e("code",[t._v("boolean")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-3"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-3"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/a15dde6/types/options.d.ts#L155",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:155"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"common"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#common"}},[t._v("#")]),t._v(" common")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("common")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/interfaces/BoxAnnotationOptions.html"}},[e("code",[t._v("BoxAnnotationOptions")])]),t._v(" | "),e("RouterLink",{attrs:{to:"/api/interfaces/EllipseAnnotationOptions.html"}},[e("code",[t._v("EllipseAnnotationOptions")])]),t._v(" | "),e("RouterLink",{attrs:{to:"/api/interfaces/LabelAnnotationOptions.html"}},[e("code",[t._v("LabelAnnotationOptions")])]),t._v(" | "),e("RouterLink",{attrs:{to:"/api/interfaces/LineAnnotationOptions.html"}},[e("code",[t._v("LineAnnotationOptions")])]),t._v(" | "),e("RouterLink",{attrs:{to:"/api/interfaces/PointAnnotationOptions.html"}},[e("code",[t._v("PointAnnotationOptions")])]),t._v(" | "),e("RouterLink",{attrs:{to:"/api/interfaces/PolygonAnnotationOptions.html"}},[e("code",[t._v("PolygonAnnotationOptions")])])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-4"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-4"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/a15dde6/types/options.d.ts#L156",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:156"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"interaction"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#interaction"}},[t._v("#")]),t._v(" interaction")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("interaction")]),t._v(": "),e("code",[t._v("CoreInteractionOptions")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-5"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-5"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/a15dde6/types/options.d.ts#L157",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:157"),e("OutboundLink")],1)]),t._v(" "),e("h2",{attrs:{id:"methods"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#methods"}},[t._v("#")]),t._v(" Methods")]),t._v(" "),e("h3",{attrs:{id:"afterdraw"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#afterdraw"}},[t._v("#")]),t._v(" afterDraw")]),t._v(" "),e("p",[t._v("▸ "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("afterDraw")]),t._v("("),e("code",[t._v("context")]),t._v("): "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"parameters"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("context")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/interfaces/EventContext.html"}},[e("code",[t._v("EventContext")])])],1)])])]),t._v(" "),e("h4",{attrs:{id:"returns"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/AnnotationHooks.html"}},[t._v("AnnotationHooks")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/AnnotationHooks.html#afterdraw"}},[t._v("afterDraw")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-6"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-6"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/a15dde6/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/a15dde6/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/a15dde6/types/events.d.ts#L27",target:"_blank",rel:"noopener noreferrer"}},[t._v("events.d.ts:27"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"enter"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#enter"}},[t._v("#")]),t._v(" enter")]),t._v(" "),e("p",[t._v("▸ "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("enter")]),t._v("("),e("code",[t._v("context")]),t._v(", "),e("code",[t._v("event")]),t._v("): "),e("code",[t._v("boolean")]),t._v(" | "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"parameters-4"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-4"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("context")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/interfaces/EventContext.html"}},[e("code",[t._v("EventContext")])])],1)]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("event")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("ChartEvent")])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-4"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-4"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("boolean")]),t._v(" | "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-4"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-4"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/AnnotationEvents.html"}},[t._v("AnnotationEvents")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/AnnotationEvents.html#enter"}},[t._v("enter")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-9"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-9"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/a15dde6/types/events.d.ts#L25",target:"_blank",rel:"noopener noreferrer"}},[t._v("events.d.ts:25"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"leave"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#leave"}},[t._v("#")]),t._v(" leave")]),t._v(" "),e("p",[t._v("▸ "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("leave")]),t._v("("),e("code",[t._v("context")]),t._v(", "),e("code",[t._v("event")]),t._v("): "),e("code",[t._v("boolean")]),t._v(" | "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"parameters-5"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-5"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("context")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/interfaces/EventContext.html"}},[e("code",[t._v("EventContext")])])],1)]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("event")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("ChartEvent")])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-5"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-5"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("boolean")]),t._v(" | "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-5"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-5"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/AnnotationEvents.html"}},[t._v("AnnotationEvents")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/AnnotationEvents.html#leave"}},[t._v("leave")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-10"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-10"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/a15dde6/types/events.d.ts#L26",target:"_blank",rel:"noopener noreferrer"}},[t._v("events.d.ts:26"),e("OutboundLink")],1)])])}),[],!1,null,null,null);e.default=r.exports}}]); \ No newline at end of file diff --git a/master/assets/js/22.655d1951.js b/master/assets/js/22.edee5acf.js similarity index 93% rename from master/assets/js/22.655d1951.js rename to master/assets/js/22.edee5acf.js index 171a75f59..a2b806cdb 100644 --- a/master/assets/js/22.655d1951.js +++ b/master/assets/js/22.edee5acf.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/456e46b/types/options.d.ts#L58",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:58"),a("OutboundLink")],1)]),t._v(" "),a("hr"),t._v(" "),a("h3",{attrs:{id:"yvalue"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#yvalue"}},[t._v("#")]),t._v(" yValue")]),t._v(" "),a("p",[t._v("• "),a("code",[t._v("Optional")]),t._v(" "),a("strong",[t._v("yValue")]),t._v(": "),a("RouterLink",{attrs:{to:"/api/#scriptable"}},[a("code",[t._v("Scriptable")])]),t._v("<"),a("RouterLink",{attrs:{to:"/api/#scalevalue"}},[a("code",[t._v("ScaleValue")])]),t._v(", "),a("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[a("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),a("h4",{attrs:{id:"defined-in-2"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-2"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),a("p",[a("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/456e46b/types/options.d.ts#L59",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:59"),a("OutboundLink")],1)])])}),[],!1,null,null,null);a.default=o.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[22],{432:function(t,a,e){"use strict";e.r(a);var n=e(4),o=Object(n.a)({},(function(){var t=this,a=t._self._c;return a("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[a("h1",{attrs:{id:"interface-annotationpointcoordinates"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#interface-annotationpointcoordinates"}},[t._v("#")]),t._v(" Interface: AnnotationPointCoordinates")]),t._v(" "),a("h2",{attrs:{id:"hierarchy"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#hierarchy"}},[t._v("#")]),t._v(" Hierarchy")]),t._v(" "),a("ul",[a("li",[a("p",[a("strong",[a("code",[t._v("AnnotationPointCoordinates")])])]),t._v(" "),a("p",[t._v("↳ "),a("RouterLink",{attrs:{to:"/api/interfaces/PointAnnotationOptions.html"}},[a("code",[t._v("PointAnnotationOptions")])])],1),t._v(" "),a("p",[t._v("↳ "),a("RouterLink",{attrs:{to:"/api/interfaces/LabelAnnotationOptions.html"}},[a("code",[t._v("LabelAnnotationOptions")])])],1),t._v(" "),a("p",[t._v("↳ "),a("RouterLink",{attrs:{to:"/api/interfaces/PolygonAnnotationOptions.html"}},[a("code",[t._v("PolygonAnnotationOptions")])])],1)])]),t._v(" "),a("h2",{attrs:{id:"properties"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#properties"}},[t._v("#")]),t._v(" Properties")]),t._v(" "),a("h3",{attrs:{id:"xvalue"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#xvalue"}},[t._v("#")]),t._v(" xValue")]),t._v(" "),a("p",[t._v("• "),a("code",[t._v("Optional")]),t._v(" "),a("strong",[t._v("xValue")]),t._v(": "),a("RouterLink",{attrs:{to:"/api/#scriptable"}},[a("code",[t._v("Scriptable")])]),t._v("<"),a("RouterLink",{attrs:{to:"/api/#scalevalue"}},[a("code",[t._v("ScaleValue")])]),t._v(", "),a("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[a("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),a("h4",{attrs:{id:"defined-in"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#defined-in"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),a("p",[a("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/a15dde6/types/options.d.ts#L58",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:58"),a("OutboundLink")],1)]),t._v(" "),a("hr"),t._v(" "),a("h3",{attrs:{id:"yvalue"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#yvalue"}},[t._v("#")]),t._v(" yValue")]),t._v(" "),a("p",[t._v("• "),a("code",[t._v("Optional")]),t._v(" "),a("strong",[t._v("yValue")]),t._v(": "),a("RouterLink",{attrs:{to:"/api/#scriptable"}},[a("code",[t._v("Scriptable")])]),t._v("<"),a("RouterLink",{attrs:{to:"/api/#scalevalue"}},[a("code",[t._v("ScaleValue")])]),t._v(", "),a("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[a("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),a("h4",{attrs:{id:"defined-in-2"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-2"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),a("p",[a("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/a15dde6/types/options.d.ts#L59",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:59"),a("OutboundLink")],1)])])}),[],!1,null,null,null);a.default=o.exports}}]); \ No newline at end of file diff --git a/master/assets/js/23.15a3a415.js b/master/assets/js/23.998fd3f9.js similarity index 90% rename from master/assets/js/23.15a3a415.js rename to master/assets/js/23.998fd3f9.js index 2da3385b2..470188b27 100644 --- a/master/assets/js/23.15a3a415.js +++ b/master/assets/js/23.998fd3f9.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[23],{434:function(t,n,e){"use strict";e.r(n);var a=e(4),o=Object(a.a)({},(function(){var t=this,n=t._self._c;return n("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[n("h1",{attrs:{id:"interface-annotationtyperegistry"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#interface-annotationtyperegistry"}},[t._v("#")]),t._v(" Interface: AnnotationTypeRegistry")]),t._v(" "),n("h2",{attrs:{id:"properties"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#properties"}},[t._v("#")]),t._v(" Properties")]),t._v(" "),n("h3",{attrs:{id:"box"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#box"}},[t._v("#")]),t._v(" box")]),t._v(" "),n("p",[t._v("• "),n("strong",[t._v("box")]),t._v(": "),n("RouterLink",{attrs:{to:"/api/interfaces/BoxAnnotationOptions.html"}},[n("code",[t._v("BoxAnnotationOptions")])])],1),t._v(" "),n("h4",{attrs:{id:"defined-in"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#defined-in"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),n("p",[n("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/456e46b/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/456e46b/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/456e46b/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/456e46b/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/456e46b/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/456e46b/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],{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/a15dde6/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/a15dde6/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/a15dde6/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/a15dde6/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/a15dde6/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/a15dde6/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.8e65fa5f.js b/master/assets/js/24.8fc6b35c.js similarity index 93% rename from master/assets/js/24.8e65fa5f.js rename to master/assets/js/24.8fc6b35c.js index dcbbc4a97..f4a7b4a47 100644 --- a/master/assets/js/24.8e65fa5f.js +++ b/master/assets/js/24.8fc6b35c.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[24],{433:function(t,r,e){"use strict";e.r(r);var a=e(4),o=Object(a.a)({},(function(){var t=this,r=t._self._c;return r("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[r("h1",{attrs:{id:"interface-arrowheadoptions"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#interface-arrowheadoptions"}},[t._v("#")]),t._v(" Interface: ArrowHeadOptions")]),t._v(" "),r("h2",{attrs:{id:"hierarchy"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#hierarchy"}},[t._v("#")]),t._v(" Hierarchy")]),t._v(" "),r("ul",[r("li",[r("p",[r("RouterLink",{attrs:{to:"/api/interfaces/ShadowOptions.html"}},[r("code",[t._v("ShadowOptions")])])],1),t._v(" "),r("p",[t._v("↳ "),r("strong",[r("code",[t._v("ArrowHeadOptions")])])]),t._v(" "),r("p",[t._v("↳↳ "),r("RouterLink",{attrs:{to:"/api/interfaces/ArrowHeadsOptions.html"}},[r("code",[t._v("ArrowHeadsOptions")])])],1)])]),t._v(" "),r("h2",{attrs:{id:"properties"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#properties"}},[t._v("#")]),t._v(" Properties")]),t._v(" "),r("h3",{attrs:{id:"backgroundcolor"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#backgroundcolor"}},[t._v("#")]),t._v(" backgroundColor")]),t._v(" "),r("p",[t._v("• "),r("code",[t._v("Optional")]),t._v(" "),r("strong",[t._v("backgroundColor")]),t._v(": "),r("RouterLink",{attrs:{to:"/api/#scriptable"}},[r("code",[t._v("Scriptable")])]),t._v("<"),r("code",[t._v("Color")]),t._v(", "),r("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[r("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),r("h4",{attrs:{id:"defined-in"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#defined-in"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),r("p",[r("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/456e46b/types/options.d.ts#L63",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:63"),r("OutboundLink")],1)]),t._v(" "),r("hr"),t._v(" "),r("h3",{attrs:{id:"backgroundshadowcolor"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#backgroundshadowcolor"}},[t._v("#")]),t._v(" backgroundShadowColor")]),t._v(" "),r("p",[t._v("• "),r("code",[t._v("Optional")]),t._v(" "),r("strong",[t._v("backgroundShadowColor")]),t._v(": "),r("RouterLink",{attrs:{to:"/api/#scriptable"}},[r("code",[t._v("Scriptable")])]),t._v("<"),r("code",[t._v("Color")]),t._v(", "),r("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[r("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),r("h4",{attrs:{id:"inherited-from"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),r("p",[r("RouterLink",{attrs:{to:"/api/interfaces/ShadowOptions.html"}},[t._v("ShadowOptions")]),t._v("."),r("RouterLink",{attrs:{to:"/api/interfaces/ShadowOptions.html#backgroundshadowcolor"}},[t._v("backgroundShadowColor")])],1),t._v(" "),r("h4",{attrs:{id:"defined-in-2"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-2"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),r("p",[r("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/456e46b/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/456e46b/types/options.d.ts#L64",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:64"),r("OutboundLink")],1)]),t._v(" "),r("hr"),t._v(" "),r("h3",{attrs:{id:"borderdash"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#borderdash"}},[t._v("#")]),t._v(" borderDash")]),t._v(" "),r("p",[t._v("• "),r("code",[t._v("Optional")]),t._v(" "),r("strong",[t._v("borderDash")]),t._v(": "),r("RouterLink",{attrs:{to:"/api/#scriptable"}},[r("code",[t._v("Scriptable")])]),t._v("<"),r("code",[t._v("number")]),t._v("[], "),r("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[r("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),r("h4",{attrs:{id:"defined-in-4"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-4"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),r("p",[r("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/456e46b/types/options.d.ts#L65",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:65"),r("OutboundLink")],1)]),t._v(" "),r("hr"),t._v(" "),r("h3",{attrs:{id:"borderdashoffset"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#borderdashoffset"}},[t._v("#")]),t._v(" borderDashOffset")]),t._v(" "),r("p",[t._v("• "),r("code",[t._v("Optional")]),t._v(" "),r("strong",[t._v("borderDashOffset")]),t._v(": "),r("RouterLink",{attrs:{to:"/api/#scriptable"}},[r("code",[t._v("Scriptable")])]),t._v("<"),r("code",[t._v("number")]),t._v(", "),r("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[r("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),r("h4",{attrs:{id:"defined-in-5"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-5"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),r("p",[r("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/456e46b/types/options.d.ts#L66",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:66"),r("OutboundLink")],1)]),t._v(" "),r("hr"),t._v(" "),r("h3",{attrs:{id:"bordershadowcolor"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#bordershadowcolor"}},[t._v("#")]),t._v(" borderShadowColor")]),t._v(" "),r("p",[t._v("• "),r("code",[t._v("Optional")]),t._v(" "),r("strong",[t._v("borderShadowColor")]),t._v(": "),r("RouterLink",{attrs:{to:"/api/#scriptable"}},[r("code",[t._v("Scriptable")])]),t._v("<"),r("code",[t._v("Color")]),t._v(", "),r("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[r("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),r("h4",{attrs:{id:"inherited-from-2"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-2"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),r("p",[r("RouterLink",{attrs:{to:"/api/interfaces/ShadowOptions.html"}},[t._v("ShadowOptions")]),t._v("."),r("RouterLink",{attrs:{to:"/api/interfaces/ShadowOptions.html#bordershadowcolor"}},[t._v("borderShadowColor")])],1),t._v(" "),r("h4",{attrs:{id:"defined-in-6"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-6"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),r("p",[r("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/456e46b/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/456e46b/types/options.d.ts#L67",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:67"),r("OutboundLink")],1)]),t._v(" "),r("hr"),t._v(" "),r("h3",{attrs:{id:"display"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#display"}},[t._v("#")]),t._v(" display")]),t._v(" "),r("p",[t._v("• "),r("code",[t._v("Optional")]),t._v(" "),r("strong",[t._v("display")]),t._v(": "),r("RouterLink",{attrs:{to:"/api/#scriptable"}},[r("code",[t._v("Scriptable")])]),t._v("<"),r("code",[t._v("boolean")]),t._v(", "),r("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[r("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),r("h4",{attrs:{id:"defined-in-8"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-8"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),r("p",[r("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/456e46b/types/options.d.ts#L68",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:68"),r("OutboundLink")],1)]),t._v(" "),r("hr"),t._v(" "),r("h3",{attrs:{id:"fill"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#fill"}},[t._v("#")]),t._v(" fill")]),t._v(" "),r("p",[t._v("• "),r("code",[t._v("Optional")]),t._v(" "),r("strong",[t._v("fill")]),t._v(": "),r("RouterLink",{attrs:{to:"/api/#scriptable"}},[r("code",[t._v("Scriptable")])]),t._v("<"),r("code",[t._v("boolean")]),t._v(", "),r("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[r("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),r("h4",{attrs:{id:"defined-in-9"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-9"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),r("p",[r("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/456e46b/types/options.d.ts#L69",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:69"),r("OutboundLink")],1)]),t._v(" "),r("hr"),t._v(" "),r("h3",{attrs:{id:"length"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#length"}},[t._v("#")]),t._v(" length")]),t._v(" "),r("p",[t._v("• "),r("code",[t._v("Optional")]),t._v(" "),r("strong",[t._v("length")]),t._v(": "),r("RouterLink",{attrs:{to:"/api/#scriptable"}},[r("code",[t._v("Scriptable")])]),t._v("<"),r("code",[t._v("number")]),t._v(", "),r("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[r("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),r("h4",{attrs:{id:"defined-in-10"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-10"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),r("p",[r("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/456e46b/types/options.d.ts#L70",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:70"),r("OutboundLink")],1)]),t._v(" "),r("hr"),t._v(" "),r("h3",{attrs:{id:"shadowblur"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#shadowblur"}},[t._v("#")]),t._v(" shadowBlur")]),t._v(" "),r("p",[t._v("• "),r("code",[t._v("Optional")]),t._v(" "),r("strong",[t._v("shadowBlur")]),t._v(": "),r("RouterLink",{attrs:{to:"/api/#scriptable"}},[r("code",[t._v("Scriptable")])]),t._v("<"),r("code",[t._v("number")]),t._v(", "),r("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[r("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),r("h4",{attrs:{id:"inherited-from-3"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-3"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),r("p",[r("RouterLink",{attrs:{to:"/api/interfaces/ShadowOptions.html"}},[t._v("ShadowOptions")]),t._v("."),r("RouterLink",{attrs:{to:"/api/interfaces/ShadowOptions.html#shadowblur"}},[t._v("shadowBlur")])],1),t._v(" "),r("h4",{attrs:{id:"defined-in-11"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-11"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),r("p",[r("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/456e46b/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/456e46b/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/456e46b/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/456e46b/types/options.d.ts#L71",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:71"),r("OutboundLink")],1)])])}),[],!1,null,null,null);r.default=o.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[24],{434:function(t,r,e){"use strict";e.r(r);var a=e(4),o=Object(a.a)({},(function(){var t=this,r=t._self._c;return r("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[r("h1",{attrs:{id:"interface-arrowheadoptions"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#interface-arrowheadoptions"}},[t._v("#")]),t._v(" Interface: ArrowHeadOptions")]),t._v(" "),r("h2",{attrs:{id:"hierarchy"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#hierarchy"}},[t._v("#")]),t._v(" Hierarchy")]),t._v(" "),r("ul",[r("li",[r("p",[r("RouterLink",{attrs:{to:"/api/interfaces/ShadowOptions.html"}},[r("code",[t._v("ShadowOptions")])])],1),t._v(" "),r("p",[t._v("↳ "),r("strong",[r("code",[t._v("ArrowHeadOptions")])])]),t._v(" "),r("p",[t._v("↳↳ "),r("RouterLink",{attrs:{to:"/api/interfaces/ArrowHeadsOptions.html"}},[r("code",[t._v("ArrowHeadsOptions")])])],1)])]),t._v(" "),r("h2",{attrs:{id:"properties"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#properties"}},[t._v("#")]),t._v(" Properties")]),t._v(" "),r("h3",{attrs:{id:"backgroundcolor"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#backgroundcolor"}},[t._v("#")]),t._v(" backgroundColor")]),t._v(" "),r("p",[t._v("• "),r("code",[t._v("Optional")]),t._v(" "),r("strong",[t._v("backgroundColor")]),t._v(": "),r("RouterLink",{attrs:{to:"/api/#scriptable"}},[r("code",[t._v("Scriptable")])]),t._v("<"),r("code",[t._v("Color")]),t._v(", "),r("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[r("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),r("h4",{attrs:{id:"defined-in"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#defined-in"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),r("p",[r("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/a15dde6/types/options.d.ts#L63",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:63"),r("OutboundLink")],1)]),t._v(" "),r("hr"),t._v(" "),r("h3",{attrs:{id:"backgroundshadowcolor"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#backgroundshadowcolor"}},[t._v("#")]),t._v(" backgroundShadowColor")]),t._v(" "),r("p",[t._v("• "),r("code",[t._v("Optional")]),t._v(" "),r("strong",[t._v("backgroundShadowColor")]),t._v(": "),r("RouterLink",{attrs:{to:"/api/#scriptable"}},[r("code",[t._v("Scriptable")])]),t._v("<"),r("code",[t._v("Color")]),t._v(", "),r("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[r("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),r("h4",{attrs:{id:"inherited-from"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),r("p",[r("RouterLink",{attrs:{to:"/api/interfaces/ShadowOptions.html"}},[t._v("ShadowOptions")]),t._v("."),r("RouterLink",{attrs:{to:"/api/interfaces/ShadowOptions.html#backgroundshadowcolor"}},[t._v("backgroundShadowColor")])],1),t._v(" "),r("h4",{attrs:{id:"defined-in-2"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-2"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),r("p",[r("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/a15dde6/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/a15dde6/types/options.d.ts#L64",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:64"),r("OutboundLink")],1)]),t._v(" "),r("hr"),t._v(" "),r("h3",{attrs:{id:"borderdash"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#borderdash"}},[t._v("#")]),t._v(" borderDash")]),t._v(" "),r("p",[t._v("• "),r("code",[t._v("Optional")]),t._v(" "),r("strong",[t._v("borderDash")]),t._v(": "),r("RouterLink",{attrs:{to:"/api/#scriptable"}},[r("code",[t._v("Scriptable")])]),t._v("<"),r("code",[t._v("number")]),t._v("[], "),r("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[r("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),r("h4",{attrs:{id:"defined-in-4"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-4"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),r("p",[r("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/a15dde6/types/options.d.ts#L65",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:65"),r("OutboundLink")],1)]),t._v(" "),r("hr"),t._v(" "),r("h3",{attrs:{id:"borderdashoffset"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#borderdashoffset"}},[t._v("#")]),t._v(" borderDashOffset")]),t._v(" "),r("p",[t._v("• "),r("code",[t._v("Optional")]),t._v(" "),r("strong",[t._v("borderDashOffset")]),t._v(": "),r("RouterLink",{attrs:{to:"/api/#scriptable"}},[r("code",[t._v("Scriptable")])]),t._v("<"),r("code",[t._v("number")]),t._v(", "),r("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[r("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),r("h4",{attrs:{id:"defined-in-5"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-5"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),r("p",[r("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/a15dde6/types/options.d.ts#L66",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:66"),r("OutboundLink")],1)]),t._v(" "),r("hr"),t._v(" "),r("h3",{attrs:{id:"bordershadowcolor"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#bordershadowcolor"}},[t._v("#")]),t._v(" borderShadowColor")]),t._v(" "),r("p",[t._v("• "),r("code",[t._v("Optional")]),t._v(" "),r("strong",[t._v("borderShadowColor")]),t._v(": "),r("RouterLink",{attrs:{to:"/api/#scriptable"}},[r("code",[t._v("Scriptable")])]),t._v("<"),r("code",[t._v("Color")]),t._v(", "),r("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[r("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),r("h4",{attrs:{id:"inherited-from-2"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-2"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),r("p",[r("RouterLink",{attrs:{to:"/api/interfaces/ShadowOptions.html"}},[t._v("ShadowOptions")]),t._v("."),r("RouterLink",{attrs:{to:"/api/interfaces/ShadowOptions.html#bordershadowcolor"}},[t._v("borderShadowColor")])],1),t._v(" "),r("h4",{attrs:{id:"defined-in-6"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-6"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),r("p",[r("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/a15dde6/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/a15dde6/types/options.d.ts#L67",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:67"),r("OutboundLink")],1)]),t._v(" "),r("hr"),t._v(" "),r("h3",{attrs:{id:"display"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#display"}},[t._v("#")]),t._v(" display")]),t._v(" "),r("p",[t._v("• "),r("code",[t._v("Optional")]),t._v(" "),r("strong",[t._v("display")]),t._v(": "),r("RouterLink",{attrs:{to:"/api/#scriptable"}},[r("code",[t._v("Scriptable")])]),t._v("<"),r("code",[t._v("boolean")]),t._v(", "),r("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[r("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),r("h4",{attrs:{id:"defined-in-8"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-8"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),r("p",[r("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/a15dde6/types/options.d.ts#L68",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:68"),r("OutboundLink")],1)]),t._v(" "),r("hr"),t._v(" "),r("h3",{attrs:{id:"fill"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#fill"}},[t._v("#")]),t._v(" fill")]),t._v(" "),r("p",[t._v("• "),r("code",[t._v("Optional")]),t._v(" "),r("strong",[t._v("fill")]),t._v(": "),r("RouterLink",{attrs:{to:"/api/#scriptable"}},[r("code",[t._v("Scriptable")])]),t._v("<"),r("code",[t._v("boolean")]),t._v(", "),r("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[r("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),r("h4",{attrs:{id:"defined-in-9"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-9"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),r("p",[r("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/a15dde6/types/options.d.ts#L69",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:69"),r("OutboundLink")],1)]),t._v(" "),r("hr"),t._v(" "),r("h3",{attrs:{id:"length"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#length"}},[t._v("#")]),t._v(" length")]),t._v(" "),r("p",[t._v("• "),r("code",[t._v("Optional")]),t._v(" "),r("strong",[t._v("length")]),t._v(": "),r("RouterLink",{attrs:{to:"/api/#scriptable"}},[r("code",[t._v("Scriptable")])]),t._v("<"),r("code",[t._v("number")]),t._v(", "),r("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[r("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),r("h4",{attrs:{id:"defined-in-10"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-10"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),r("p",[r("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/a15dde6/types/options.d.ts#L70",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:70"),r("OutboundLink")],1)]),t._v(" "),r("hr"),t._v(" "),r("h3",{attrs:{id:"shadowblur"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#shadowblur"}},[t._v("#")]),t._v(" shadowBlur")]),t._v(" "),r("p",[t._v("• "),r("code",[t._v("Optional")]),t._v(" "),r("strong",[t._v("shadowBlur")]),t._v(": "),r("RouterLink",{attrs:{to:"/api/#scriptable"}},[r("code",[t._v("Scriptable")])]),t._v("<"),r("code",[t._v("number")]),t._v(", "),r("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[r("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),r("h4",{attrs:{id:"inherited-from-3"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-3"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),r("p",[r("RouterLink",{attrs:{to:"/api/interfaces/ShadowOptions.html"}},[t._v("ShadowOptions")]),t._v("."),r("RouterLink",{attrs:{to:"/api/interfaces/ShadowOptions.html#shadowblur"}},[t._v("shadowBlur")])],1),t._v(" "),r("h4",{attrs:{id:"defined-in-11"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-11"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),r("p",[r("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/a15dde6/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/a15dde6/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/a15dde6/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/a15dde6/types/options.d.ts#L71",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:71"),r("OutboundLink")],1)])])}),[],!1,null,null,null);r.default=o.exports}}]); \ No newline at end of file diff --git a/master/assets/js/25.5165e873.js b/master/assets/js/25.a3b9af25.js similarity index 94% rename from master/assets/js/25.5165e873.js rename to master/assets/js/25.a3b9af25.js index cc3d9f04f..d4fd436c4 100644 --- a/master/assets/js/25.5165e873.js +++ b/master/assets/js/25.a3b9af25.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[25],{435:function(t,r,e){"use strict";e.r(r);var a=e(4),o=Object(a.a)({},(function(){var t=this,r=t._self._c;return r("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[r("h1",{attrs:{id:"interface-arrowheadsoptions"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#interface-arrowheadsoptions"}},[t._v("#")]),t._v(" Interface: ArrowHeadsOptions")]),t._v(" "),r("h2",{attrs:{id:"hierarchy"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#hierarchy"}},[t._v("#")]),t._v(" Hierarchy")]),t._v(" "),r("ul",[r("li",[r("p",[r("RouterLink",{attrs:{to:"/api/interfaces/ArrowHeadOptions.html"}},[r("code",[t._v("ArrowHeadOptions")])])],1),t._v(" "),r("p",[t._v("↳ "),r("strong",[r("code",[t._v("ArrowHeadsOptions")])])])])]),t._v(" "),r("h2",{attrs:{id:"properties"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#properties"}},[t._v("#")]),t._v(" Properties")]),t._v(" "),r("h3",{attrs:{id:"backgroundcolor"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#backgroundcolor"}},[t._v("#")]),t._v(" backgroundColor")]),t._v(" "),r("p",[t._v("• "),r("code",[t._v("Optional")]),t._v(" "),r("strong",[t._v("backgroundColor")]),t._v(": "),r("RouterLink",{attrs:{to:"/api/#scriptable"}},[r("code",[t._v("Scriptable")])]),t._v("<"),r("code",[t._v("Color")]),t._v(", "),r("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[r("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),r("h4",{attrs:{id:"inherited-from"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),r("p",[r("RouterLink",{attrs:{to:"/api/interfaces/ArrowHeadOptions.html"}},[t._v("ArrowHeadOptions")]),t._v("."),r("RouterLink",{attrs:{to:"/api/interfaces/ArrowHeadOptions.html#backgroundcolor"}},[t._v("backgroundColor")])],1),t._v(" "),r("h4",{attrs:{id:"defined-in"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#defined-in"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),r("p",[r("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/456e46b/types/options.d.ts#L63",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:63"),r("OutboundLink")],1)]),t._v(" "),r("hr"),t._v(" "),r("h3",{attrs:{id:"backgroundshadowcolor"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#backgroundshadowcolor"}},[t._v("#")]),t._v(" backgroundShadowColor")]),t._v(" "),r("p",[t._v("• "),r("code",[t._v("Optional")]),t._v(" "),r("strong",[t._v("backgroundShadowColor")]),t._v(": "),r("RouterLink",{attrs:{to:"/api/#scriptable"}},[r("code",[t._v("Scriptable")])]),t._v("<"),r("code",[t._v("Color")]),t._v(", "),r("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[r("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),r("h4",{attrs:{id:"inherited-from-2"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-2"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),r("p",[r("RouterLink",{attrs:{to:"/api/interfaces/ArrowHeadOptions.html"}},[t._v("ArrowHeadOptions")]),t._v("."),r("RouterLink",{attrs:{to:"/api/interfaces/ArrowHeadOptions.html#backgroundshadowcolor"}},[t._v("backgroundShadowColor")])],1),t._v(" "),r("h4",{attrs:{id:"defined-in-2"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-2"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),r("p",[r("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/456e46b/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/456e46b/types/options.d.ts#L64",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:64"),r("OutboundLink")],1)]),t._v(" "),r("hr"),t._v(" "),r("h3",{attrs:{id:"borderdash"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#borderdash"}},[t._v("#")]),t._v(" borderDash")]),t._v(" "),r("p",[t._v("• "),r("code",[t._v("Optional")]),t._v(" "),r("strong",[t._v("borderDash")]),t._v(": "),r("RouterLink",{attrs:{to:"/api/#scriptable"}},[r("code",[t._v("Scriptable")])]),t._v("<"),r("code",[t._v("number")]),t._v("[], "),r("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[r("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),r("h4",{attrs:{id:"inherited-from-4"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-4"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),r("p",[r("RouterLink",{attrs:{to:"/api/interfaces/ArrowHeadOptions.html"}},[t._v("ArrowHeadOptions")]),t._v("."),r("RouterLink",{attrs:{to:"/api/interfaces/ArrowHeadOptions.html#borderdash"}},[t._v("borderDash")])],1),t._v(" "),r("h4",{attrs:{id:"defined-in-4"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-4"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),r("p",[r("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/456e46b/types/options.d.ts#L65",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:65"),r("OutboundLink")],1)]),t._v(" "),r("hr"),t._v(" "),r("h3",{attrs:{id:"borderdashoffset"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#borderdashoffset"}},[t._v("#")]),t._v(" borderDashOffset")]),t._v(" "),r("p",[t._v("• "),r("code",[t._v("Optional")]),t._v(" "),r("strong",[t._v("borderDashOffset")]),t._v(": "),r("RouterLink",{attrs:{to:"/api/#scriptable"}},[r("code",[t._v("Scriptable")])]),t._v("<"),r("code",[t._v("number")]),t._v(", "),r("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[r("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),r("h4",{attrs:{id:"inherited-from-5"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-5"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),r("p",[r("RouterLink",{attrs:{to:"/api/interfaces/ArrowHeadOptions.html"}},[t._v("ArrowHeadOptions")]),t._v("."),r("RouterLink",{attrs:{to:"/api/interfaces/ArrowHeadOptions.html#borderdashoffset"}},[t._v("borderDashOffset")])],1),t._v(" "),r("h4",{attrs:{id:"defined-in-5"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-5"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),r("p",[r("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/456e46b/types/options.d.ts#L66",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:66"),r("OutboundLink")],1)]),t._v(" "),r("hr"),t._v(" "),r("h3",{attrs:{id:"bordershadowcolor"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#bordershadowcolor"}},[t._v("#")]),t._v(" borderShadowColor")]),t._v(" "),r("p",[t._v("• "),r("code",[t._v("Optional")]),t._v(" "),r("strong",[t._v("borderShadowColor")]),t._v(": "),r("RouterLink",{attrs:{to:"/api/#scriptable"}},[r("code",[t._v("Scriptable")])]),t._v("<"),r("code",[t._v("Color")]),t._v(", "),r("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[r("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),r("h4",{attrs:{id:"inherited-from-6"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-6"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),r("p",[r("RouterLink",{attrs:{to:"/api/interfaces/ArrowHeadOptions.html"}},[t._v("ArrowHeadOptions")]),t._v("."),r("RouterLink",{attrs:{to:"/api/interfaces/ArrowHeadOptions.html#bordershadowcolor"}},[t._v("borderShadowColor")])],1),t._v(" "),r("h4",{attrs:{id:"defined-in-6"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-6"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),r("p",[r("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/456e46b/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/456e46b/types/options.d.ts#L67",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:67"),r("OutboundLink")],1)]),t._v(" "),r("hr"),t._v(" "),r("h3",{attrs:{id:"display"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#display"}},[t._v("#")]),t._v(" display")]),t._v(" "),r("p",[t._v("• "),r("code",[t._v("Optional")]),t._v(" "),r("strong",[t._v("display")]),t._v(": "),r("RouterLink",{attrs:{to:"/api/#scriptable"}},[r("code",[t._v("Scriptable")])]),t._v("<"),r("code",[t._v("boolean")]),t._v(", "),r("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[r("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),r("h4",{attrs:{id:"inherited-from-8"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-8"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),r("p",[r("RouterLink",{attrs:{to:"/api/interfaces/ArrowHeadOptions.html"}},[t._v("ArrowHeadOptions")]),t._v("."),r("RouterLink",{attrs:{to:"/api/interfaces/ArrowHeadOptions.html#display"}},[t._v("display")])],1),t._v(" "),r("h4",{attrs:{id:"defined-in-8"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-8"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),r("p",[r("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/456e46b/types/options.d.ts#L68",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:68"),r("OutboundLink")],1)]),t._v(" "),r("hr"),t._v(" "),r("h3",{attrs:{id:"end"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#end"}},[t._v("#")]),t._v(" end")]),t._v(" "),r("p",[t._v("• "),r("code",[t._v("Optional")]),t._v(" "),r("strong",[t._v("end")]),t._v(": "),r("RouterLink",{attrs:{to:"/api/interfaces/ArrowHeadOptions.html"}},[r("code",[t._v("ArrowHeadOptions")])])],1),t._v(" "),r("h4",{attrs:{id:"defined-in-9"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-9"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),r("p",[r("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/456e46b/types/options.d.ts#L75",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:75"),r("OutboundLink")],1)]),t._v(" "),r("hr"),t._v(" "),r("h3",{attrs:{id:"fill"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#fill"}},[t._v("#")]),t._v(" fill")]),t._v(" "),r("p",[t._v("• "),r("code",[t._v("Optional")]),t._v(" "),r("strong",[t._v("fill")]),t._v(": "),r("RouterLink",{attrs:{to:"/api/#scriptable"}},[r("code",[t._v("Scriptable")])]),t._v("<"),r("code",[t._v("boolean")]),t._v(", "),r("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[r("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),r("h4",{attrs:{id:"inherited-from-9"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-9"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),r("p",[r("RouterLink",{attrs:{to:"/api/interfaces/ArrowHeadOptions.html"}},[t._v("ArrowHeadOptions")]),t._v("."),r("RouterLink",{attrs:{to:"/api/interfaces/ArrowHeadOptions.html#fill"}},[t._v("fill")])],1),t._v(" "),r("h4",{attrs:{id:"defined-in-10"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-10"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),r("p",[r("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/456e46b/types/options.d.ts#L69",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:69"),r("OutboundLink")],1)]),t._v(" "),r("hr"),t._v(" "),r("h3",{attrs:{id:"length"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#length"}},[t._v("#")]),t._v(" length")]),t._v(" "),r("p",[t._v("• "),r("code",[t._v("Optional")]),t._v(" "),r("strong",[t._v("length")]),t._v(": "),r("RouterLink",{attrs:{to:"/api/#scriptable"}},[r("code",[t._v("Scriptable")])]),t._v("<"),r("code",[t._v("number")]),t._v(", "),r("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[r("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),r("h4",{attrs:{id:"inherited-from-10"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-10"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),r("p",[r("RouterLink",{attrs:{to:"/api/interfaces/ArrowHeadOptions.html"}},[t._v("ArrowHeadOptions")]),t._v("."),r("RouterLink",{attrs:{to:"/api/interfaces/ArrowHeadOptions.html#length"}},[t._v("length")])],1),t._v(" "),r("h4",{attrs:{id:"defined-in-11"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-11"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),r("p",[r("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/456e46b/types/options.d.ts#L70",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:70"),r("OutboundLink")],1)]),t._v(" "),r("hr"),t._v(" "),r("h3",{attrs:{id:"shadowblur"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#shadowblur"}},[t._v("#")]),t._v(" shadowBlur")]),t._v(" "),r("p",[t._v("• "),r("code",[t._v("Optional")]),t._v(" "),r("strong",[t._v("shadowBlur")]),t._v(": "),r("RouterLink",{attrs:{to:"/api/#scriptable"}},[r("code",[t._v("Scriptable")])]),t._v("<"),r("code",[t._v("number")]),t._v(", "),r("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[r("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),r("h4",{attrs:{id:"inherited-from-11"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-11"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),r("p",[r("RouterLink",{attrs:{to:"/api/interfaces/ArrowHeadOptions.html"}},[t._v("ArrowHeadOptions")]),t._v("."),r("RouterLink",{attrs:{to:"/api/interfaces/ArrowHeadOptions.html#shadowblur"}},[t._v("shadowBlur")])],1),t._v(" "),r("h4",{attrs:{id:"defined-in-12"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-12"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),r("p",[r("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/456e46b/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/456e46b/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/456e46b/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/456e46b/types/options.d.ts#L76",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:76"),r("OutboundLink")],1)]),t._v(" "),r("hr"),t._v(" "),r("h3",{attrs:{id:"width"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#width"}},[t._v("#")]),t._v(" width")]),t._v(" "),r("p",[t._v("• "),r("code",[t._v("Optional")]),t._v(" "),r("strong",[t._v("width")]),t._v(": "),r("RouterLink",{attrs:{to:"/api/#scriptable"}},[r("code",[t._v("Scriptable")])]),t._v("<"),r("code",[t._v("number")]),t._v(", "),r("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[r("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),r("h4",{attrs:{id:"inherited-from-14"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-14"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),r("p",[r("RouterLink",{attrs:{to:"/api/interfaces/ArrowHeadOptions.html"}},[t._v("ArrowHeadOptions")]),t._v("."),r("RouterLink",{attrs:{to:"/api/interfaces/ArrowHeadOptions.html#width"}},[t._v("width")])],1),t._v(" "),r("h4",{attrs:{id:"defined-in-16"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-16"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),r("p",[r("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/456e46b/types/options.d.ts#L71",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:71"),r("OutboundLink")],1)])])}),[],!1,null,null,null);r.default=o.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[25],{435:function(t,r,e){"use strict";e.r(r);var a=e(4),o=Object(a.a)({},(function(){var t=this,r=t._self._c;return r("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[r("h1",{attrs:{id:"interface-arrowheadsoptions"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#interface-arrowheadsoptions"}},[t._v("#")]),t._v(" Interface: ArrowHeadsOptions")]),t._v(" "),r("h2",{attrs:{id:"hierarchy"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#hierarchy"}},[t._v("#")]),t._v(" Hierarchy")]),t._v(" "),r("ul",[r("li",[r("p",[r("RouterLink",{attrs:{to:"/api/interfaces/ArrowHeadOptions.html"}},[r("code",[t._v("ArrowHeadOptions")])])],1),t._v(" "),r("p",[t._v("↳ "),r("strong",[r("code",[t._v("ArrowHeadsOptions")])])])])]),t._v(" "),r("h2",{attrs:{id:"properties"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#properties"}},[t._v("#")]),t._v(" Properties")]),t._v(" "),r("h3",{attrs:{id:"backgroundcolor"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#backgroundcolor"}},[t._v("#")]),t._v(" backgroundColor")]),t._v(" "),r("p",[t._v("• "),r("code",[t._v("Optional")]),t._v(" "),r("strong",[t._v("backgroundColor")]),t._v(": "),r("RouterLink",{attrs:{to:"/api/#scriptable"}},[r("code",[t._v("Scriptable")])]),t._v("<"),r("code",[t._v("Color")]),t._v(", "),r("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[r("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),r("h4",{attrs:{id:"inherited-from"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),r("p",[r("RouterLink",{attrs:{to:"/api/interfaces/ArrowHeadOptions.html"}},[t._v("ArrowHeadOptions")]),t._v("."),r("RouterLink",{attrs:{to:"/api/interfaces/ArrowHeadOptions.html#backgroundcolor"}},[t._v("backgroundColor")])],1),t._v(" "),r("h4",{attrs:{id:"defined-in"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#defined-in"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),r("p",[r("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/a15dde6/types/options.d.ts#L63",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:63"),r("OutboundLink")],1)]),t._v(" "),r("hr"),t._v(" "),r("h3",{attrs:{id:"backgroundshadowcolor"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#backgroundshadowcolor"}},[t._v("#")]),t._v(" backgroundShadowColor")]),t._v(" "),r("p",[t._v("• "),r("code",[t._v("Optional")]),t._v(" "),r("strong",[t._v("backgroundShadowColor")]),t._v(": "),r("RouterLink",{attrs:{to:"/api/#scriptable"}},[r("code",[t._v("Scriptable")])]),t._v("<"),r("code",[t._v("Color")]),t._v(", "),r("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[r("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),r("h4",{attrs:{id:"inherited-from-2"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-2"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),r("p",[r("RouterLink",{attrs:{to:"/api/interfaces/ArrowHeadOptions.html"}},[t._v("ArrowHeadOptions")]),t._v("."),r("RouterLink",{attrs:{to:"/api/interfaces/ArrowHeadOptions.html#backgroundshadowcolor"}},[t._v("backgroundShadowColor")])],1),t._v(" "),r("h4",{attrs:{id:"defined-in-2"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-2"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),r("p",[r("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/a15dde6/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/a15dde6/types/options.d.ts#L64",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:64"),r("OutboundLink")],1)]),t._v(" "),r("hr"),t._v(" "),r("h3",{attrs:{id:"borderdash"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#borderdash"}},[t._v("#")]),t._v(" borderDash")]),t._v(" "),r("p",[t._v("• "),r("code",[t._v("Optional")]),t._v(" "),r("strong",[t._v("borderDash")]),t._v(": "),r("RouterLink",{attrs:{to:"/api/#scriptable"}},[r("code",[t._v("Scriptable")])]),t._v("<"),r("code",[t._v("number")]),t._v("[], "),r("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[r("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),r("h4",{attrs:{id:"inherited-from-4"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-4"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),r("p",[r("RouterLink",{attrs:{to:"/api/interfaces/ArrowHeadOptions.html"}},[t._v("ArrowHeadOptions")]),t._v("."),r("RouterLink",{attrs:{to:"/api/interfaces/ArrowHeadOptions.html#borderdash"}},[t._v("borderDash")])],1),t._v(" "),r("h4",{attrs:{id:"defined-in-4"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-4"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),r("p",[r("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/a15dde6/types/options.d.ts#L65",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:65"),r("OutboundLink")],1)]),t._v(" "),r("hr"),t._v(" "),r("h3",{attrs:{id:"borderdashoffset"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#borderdashoffset"}},[t._v("#")]),t._v(" borderDashOffset")]),t._v(" "),r("p",[t._v("• "),r("code",[t._v("Optional")]),t._v(" "),r("strong",[t._v("borderDashOffset")]),t._v(": "),r("RouterLink",{attrs:{to:"/api/#scriptable"}},[r("code",[t._v("Scriptable")])]),t._v("<"),r("code",[t._v("number")]),t._v(", "),r("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[r("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),r("h4",{attrs:{id:"inherited-from-5"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-5"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),r("p",[r("RouterLink",{attrs:{to:"/api/interfaces/ArrowHeadOptions.html"}},[t._v("ArrowHeadOptions")]),t._v("."),r("RouterLink",{attrs:{to:"/api/interfaces/ArrowHeadOptions.html#borderdashoffset"}},[t._v("borderDashOffset")])],1),t._v(" "),r("h4",{attrs:{id:"defined-in-5"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-5"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),r("p",[r("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/a15dde6/types/options.d.ts#L66",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:66"),r("OutboundLink")],1)]),t._v(" "),r("hr"),t._v(" "),r("h3",{attrs:{id:"bordershadowcolor"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#bordershadowcolor"}},[t._v("#")]),t._v(" borderShadowColor")]),t._v(" "),r("p",[t._v("• "),r("code",[t._v("Optional")]),t._v(" "),r("strong",[t._v("borderShadowColor")]),t._v(": "),r("RouterLink",{attrs:{to:"/api/#scriptable"}},[r("code",[t._v("Scriptable")])]),t._v("<"),r("code",[t._v("Color")]),t._v(", "),r("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[r("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),r("h4",{attrs:{id:"inherited-from-6"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-6"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),r("p",[r("RouterLink",{attrs:{to:"/api/interfaces/ArrowHeadOptions.html"}},[t._v("ArrowHeadOptions")]),t._v("."),r("RouterLink",{attrs:{to:"/api/interfaces/ArrowHeadOptions.html#bordershadowcolor"}},[t._v("borderShadowColor")])],1),t._v(" "),r("h4",{attrs:{id:"defined-in-6"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-6"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),r("p",[r("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/a15dde6/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/a15dde6/types/options.d.ts#L67",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:67"),r("OutboundLink")],1)]),t._v(" "),r("hr"),t._v(" "),r("h3",{attrs:{id:"display"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#display"}},[t._v("#")]),t._v(" display")]),t._v(" "),r("p",[t._v("• "),r("code",[t._v("Optional")]),t._v(" "),r("strong",[t._v("display")]),t._v(": "),r("RouterLink",{attrs:{to:"/api/#scriptable"}},[r("code",[t._v("Scriptable")])]),t._v("<"),r("code",[t._v("boolean")]),t._v(", "),r("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[r("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),r("h4",{attrs:{id:"inherited-from-8"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-8"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),r("p",[r("RouterLink",{attrs:{to:"/api/interfaces/ArrowHeadOptions.html"}},[t._v("ArrowHeadOptions")]),t._v("."),r("RouterLink",{attrs:{to:"/api/interfaces/ArrowHeadOptions.html#display"}},[t._v("display")])],1),t._v(" "),r("h4",{attrs:{id:"defined-in-8"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-8"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),r("p",[r("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/a15dde6/types/options.d.ts#L68",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:68"),r("OutboundLink")],1)]),t._v(" "),r("hr"),t._v(" "),r("h3",{attrs:{id:"end"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#end"}},[t._v("#")]),t._v(" end")]),t._v(" "),r("p",[t._v("• "),r("code",[t._v("Optional")]),t._v(" "),r("strong",[t._v("end")]),t._v(": "),r("RouterLink",{attrs:{to:"/api/interfaces/ArrowHeadOptions.html"}},[r("code",[t._v("ArrowHeadOptions")])])],1),t._v(" "),r("h4",{attrs:{id:"defined-in-9"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-9"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),r("p",[r("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/a15dde6/types/options.d.ts#L75",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:75"),r("OutboundLink")],1)]),t._v(" "),r("hr"),t._v(" "),r("h3",{attrs:{id:"fill"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#fill"}},[t._v("#")]),t._v(" fill")]),t._v(" "),r("p",[t._v("• "),r("code",[t._v("Optional")]),t._v(" "),r("strong",[t._v("fill")]),t._v(": "),r("RouterLink",{attrs:{to:"/api/#scriptable"}},[r("code",[t._v("Scriptable")])]),t._v("<"),r("code",[t._v("boolean")]),t._v(", "),r("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[r("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),r("h4",{attrs:{id:"inherited-from-9"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-9"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),r("p",[r("RouterLink",{attrs:{to:"/api/interfaces/ArrowHeadOptions.html"}},[t._v("ArrowHeadOptions")]),t._v("."),r("RouterLink",{attrs:{to:"/api/interfaces/ArrowHeadOptions.html#fill"}},[t._v("fill")])],1),t._v(" "),r("h4",{attrs:{id:"defined-in-10"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-10"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),r("p",[r("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/a15dde6/types/options.d.ts#L69",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:69"),r("OutboundLink")],1)]),t._v(" "),r("hr"),t._v(" "),r("h3",{attrs:{id:"length"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#length"}},[t._v("#")]),t._v(" length")]),t._v(" "),r("p",[t._v("• "),r("code",[t._v("Optional")]),t._v(" "),r("strong",[t._v("length")]),t._v(": "),r("RouterLink",{attrs:{to:"/api/#scriptable"}},[r("code",[t._v("Scriptable")])]),t._v("<"),r("code",[t._v("number")]),t._v(", "),r("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[r("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),r("h4",{attrs:{id:"inherited-from-10"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-10"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),r("p",[r("RouterLink",{attrs:{to:"/api/interfaces/ArrowHeadOptions.html"}},[t._v("ArrowHeadOptions")]),t._v("."),r("RouterLink",{attrs:{to:"/api/interfaces/ArrowHeadOptions.html#length"}},[t._v("length")])],1),t._v(" "),r("h4",{attrs:{id:"defined-in-11"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-11"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),r("p",[r("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/a15dde6/types/options.d.ts#L70",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:70"),r("OutboundLink")],1)]),t._v(" "),r("hr"),t._v(" "),r("h3",{attrs:{id:"shadowblur"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#shadowblur"}},[t._v("#")]),t._v(" shadowBlur")]),t._v(" "),r("p",[t._v("• "),r("code",[t._v("Optional")]),t._v(" "),r("strong",[t._v("shadowBlur")]),t._v(": "),r("RouterLink",{attrs:{to:"/api/#scriptable"}},[r("code",[t._v("Scriptable")])]),t._v("<"),r("code",[t._v("number")]),t._v(", "),r("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[r("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),r("h4",{attrs:{id:"inherited-from-11"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-11"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),r("p",[r("RouterLink",{attrs:{to:"/api/interfaces/ArrowHeadOptions.html"}},[t._v("ArrowHeadOptions")]),t._v("."),r("RouterLink",{attrs:{to:"/api/interfaces/ArrowHeadOptions.html#shadowblur"}},[t._v("shadowBlur")])],1),t._v(" "),r("h4",{attrs:{id:"defined-in-12"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-12"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),r("p",[r("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/a15dde6/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/a15dde6/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/a15dde6/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/a15dde6/types/options.d.ts#L76",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:76"),r("OutboundLink")],1)]),t._v(" "),r("hr"),t._v(" "),r("h3",{attrs:{id:"width"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#width"}},[t._v("#")]),t._v(" width")]),t._v(" "),r("p",[t._v("• "),r("code",[t._v("Optional")]),t._v(" "),r("strong",[t._v("width")]),t._v(": "),r("RouterLink",{attrs:{to:"/api/#scriptable"}},[r("code",[t._v("Scriptable")])]),t._v("<"),r("code",[t._v("number")]),t._v(", "),r("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[r("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),r("h4",{attrs:{id:"inherited-from-14"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-14"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),r("p",[r("RouterLink",{attrs:{to:"/api/interfaces/ArrowHeadOptions.html"}},[t._v("ArrowHeadOptions")]),t._v("."),r("RouterLink",{attrs:{to:"/api/interfaces/ArrowHeadOptions.html#width"}},[t._v("width")])],1),t._v(" "),r("h4",{attrs:{id:"defined-in-16"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-16"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),r("p",[r("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/a15dde6/types/options.d.ts#L71",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:71"),r("OutboundLink")],1)])])}),[],!1,null,null,null);r.default=o.exports}}]); \ No newline at end of file diff --git a/master/assets/js/26.df4be0bc.js b/master/assets/js/26.a2cf46a0.js similarity index 94% rename from master/assets/js/26.df4be0bc.js rename to master/assets/js/26.a2cf46a0.js index 17cea1d1b..982f38f2d 100644 --- a/master/assets/js/26.df4be0bc.js +++ b/master/assets/js/26.a2cf46a0.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[26],{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-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/456e46b/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/456e46b/types/options.d.ts#L95",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:95"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"backgroundshadowcolor"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#backgroundshadowcolor"}},[t._v("#")]),t._v(" backgroundShadowColor")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("backgroundShadowColor")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("Color")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"inherited-from-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-2"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#backgroundshadowcolor"}},[t._v("backgroundShadowColor")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-3"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-3"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/456e46b/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/456e46b/types/options.d.ts#L100",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:100"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"bordercolor"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#bordercolor"}},[t._v("#")]),t._v(" borderColor")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("borderColor")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("Color")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"inherited-from-3"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-3"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#bordercolor"}},[t._v("borderColor")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-5"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-5"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/456e46b/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/456e46b/types/options.d.ts#L105",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:105"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"borderdashoffset"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#borderdashoffset"}},[t._v("#")]),t._v(" borderDashOffset")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("borderDashOffset")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("number")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("p",[t._v("Border line dash offset. See MDN.")]),t._v(" "),e("p",[e("strong",[e("code",[t._v("Default")])])]),t._v(" "),e("p",[t._v("0.0")]),t._v(" "),e("h4",{attrs:{id:"overrides-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#overrides-2"}},[t._v("#")]),t._v(" Overrides")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#borderdashoffset"}},[t._v("borderDashOffset")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-7"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-7"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/456e46b/types/options.d.ts#L110",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:110"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"borderjoinstyle"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#borderjoinstyle"}},[t._v("#")]),t._v(" borderJoinStyle")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("borderJoinStyle")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("CanvasLineJoin")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("p",[t._v("Border line join style. See MDN.")]),t._v(" "),e("p",[e("strong",[e("code",[t._v("Default")])])]),t._v(" "),e("p",[t._v("'miter'")]),t._v(" "),e("h4",{attrs:{id:"defined-in-8"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-8"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/456e46b/types/options.d.ts#L115",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:115"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"borderradius"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#borderradius"}},[t._v("#")]),t._v(" borderRadius")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("borderRadius")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("number")]),t._v(" | "),e("code",[t._v("BorderRadius")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"defined-in-9"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-9"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/456e46b/types/options.d.ts#L116",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:116"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"bordershadowcolor"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#bordershadowcolor"}},[t._v("#")]),t._v(" borderShadowColor")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("borderShadowColor")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("Color")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"inherited-from-4"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-4"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#bordershadowcolor"}},[t._v("borderShadowColor")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-10"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-10"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/456e46b/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/456e46b/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/456e46b/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/456e46b/types/options.d.ts#L44",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:44"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"hittolerance"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#hittolerance"}},[t._v("#")]),t._v(" hitTolerance")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("hitTolerance")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("number")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"inherited-from-8"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-8"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#hittolerance"}},[t._v("hitTolerance")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-14"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-14"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/456e46b/types/options.d.ts#L45",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:45"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"id"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#id"}},[t._v("#")]),t._v(" id")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("id")]),t._v(": "),e("code",[t._v("string")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-9"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-9"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#id"}},[t._v("id")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-15"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-15"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/456e46b/types/options.d.ts#L47",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:47"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"init"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#init"}},[t._v("#")]),t._v(" init")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("init")]),t._v(": "),e("code",[t._v("boolean")]),t._v(" | ("),e("code",[t._v("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-10"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-10"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#init"}},[t._v("init")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-16"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-16"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/456e46b/types/options.d.ts#L46",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:46"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"label"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#label"}},[t._v("#")]),t._v(" label")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("label")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/interfaces/BoxLabelOptions.html"}},[e("code",[t._v("BoxLabelOptions")])])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-17"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-17"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/456e46b/types/options.d.ts#L117",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:117"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"rotation"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#rotation"}},[t._v("#")]),t._v(" rotation")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("rotation")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("number")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"defined-in-18"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-18"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/456e46b/types/options.d.ts#L118",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:118"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"shadowblur"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#shadowblur"}},[t._v("#")]),t._v(" shadowBlur")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("shadowBlur")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("number")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"inherited-from-11"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-11"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#shadowblur"}},[t._v("shadowBlur")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-19"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-19"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/456e46b/types/options.d.ts#L32",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:32"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"shadowoffsetx"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#shadowoffsetx"}},[t._v("#")]),t._v(" shadowOffsetX")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("shadowOffsetX")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("number")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"inherited-from-12"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-12"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#shadowoffsetx"}},[t._v("shadowOffsetX")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-20"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-20"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/456e46b/types/options.d.ts#L33",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:33"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"shadowoffsety"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#shadowoffsety"}},[t._v("#")]),t._v(" shadowOffsetY")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("shadowOffsetY")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("number")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"inherited-from-13"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-13"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#shadowoffsety"}},[t._v("shadowOffsetY")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-21"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-21"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/456e46b/types/options.d.ts#L34",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:34"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"xmax"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#xmax"}},[t._v("#")]),t._v(" xMax")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("xMax")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("RouterLink",{attrs:{to:"/api/#scalevalue"}},[e("code",[t._v("ScaleValue")])]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"inherited-from-14"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-14"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#xmax"}},[t._v("xMax")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-22"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-22"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/456e46b/types/options.d.ts#L48",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:48"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"xmin"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#xmin"}},[t._v("#")]),t._v(" xMin")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("xMin")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("RouterLink",{attrs:{to:"/api/#scalevalue"}},[e("code",[t._v("ScaleValue")])]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"inherited-from-15"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-15"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#xmin"}},[t._v("xMin")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-23"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-23"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/456e46b/types/options.d.ts#L49",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:49"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"xscaleid"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#xscaleid"}},[t._v("#")]),t._v(" xScaleID")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("xScaleID")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("string")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"inherited-from-16"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-16"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#xscaleid"}},[t._v("xScaleID")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-24"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-24"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/456e46b/types/options.d.ts#L50",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:50"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"ymax"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#ymax"}},[t._v("#")]),t._v(" yMax")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("yMax")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("RouterLink",{attrs:{to:"/api/#scalevalue"}},[e("code",[t._v("ScaleValue")])]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"inherited-from-17"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-17"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#ymax"}},[t._v("yMax")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-25"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-25"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/456e46b/types/options.d.ts#L51",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:51"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"ymin"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#ymin"}},[t._v("#")]),t._v(" yMin")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("yMin")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("RouterLink",{attrs:{to:"/api/#scalevalue"}},[e("code",[t._v("ScaleValue")])]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"inherited-from-18"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-18"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#ymin"}},[t._v("yMin")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-26"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-26"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/456e46b/types/options.d.ts#L52",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:52"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"yscaleid"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#yscaleid"}},[t._v("#")]),t._v(" yScaleID")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("yScaleID")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("string")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"inherited-from-19"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-19"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#yscaleid"}},[t._v("yScaleID")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-27"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-27"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/456e46b/types/options.d.ts#L53",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:53"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"z"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#z"}},[t._v("#")]),t._v(" z")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("z")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("number")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"inherited-from-20"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-20"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#z"}},[t._v("z")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-28"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-28"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/456e46b/types/options.d.ts#L54",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:54"),e("OutboundLink")],1)]),t._v(" "),e("h2",{attrs:{id:"methods"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#methods"}},[t._v("#")]),t._v(" Methods")]),t._v(" "),e("h3",{attrs:{id:"afterdraw"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#afterdraw"}},[t._v("#")]),t._v(" afterDraw")]),t._v(" "),e("p",[t._v("▸ "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("afterDraw")]),t._v("("),e("code",[t._v("context")]),t._v("): "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"parameters"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("context")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/interfaces/EventContext.html"}},[e("code",[t._v("EventContext")])])],1)])])]),t._v(" "),e("h4",{attrs:{id:"returns"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-21"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-21"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#afterdraw"}},[t._v("afterDraw")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-29"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-29"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/456e46b/types/options.d.ts#L23",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:23"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"beforedraw"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#beforedraw"}},[t._v("#")]),t._v(" beforeDraw")]),t._v(" "),e("p",[t._v("▸ "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("beforeDraw")]),t._v("("),e("code",[t._v("context")]),t._v("): "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"parameters-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-2"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("context")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/interfaces/EventContext.html"}},[e("code",[t._v("EventContext")])])],1)])])]),t._v(" "),e("h4",{attrs:{id:"returns-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-2"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-22"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-22"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#beforedraw"}},[t._v("beforeDraw")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-30"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-30"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/456e46b/types/options.d.ts#L22",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:22"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"click"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#click"}},[t._v("#")]),t._v(" click")]),t._v(" "),e("p",[t._v("▸ "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("click")]),t._v("("),e("code",[t._v("context")]),t._v(", "),e("code",[t._v("event")]),t._v("): "),e("code",[t._v("boolean")]),t._v(" | "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"parameters-3"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-3"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("context")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/interfaces/EventContext.html"}},[e("code",[t._v("EventContext")])])],1)]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("event")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("ChartEvent")])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-3"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-3"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("boolean")]),t._v(" | "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-23"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-23"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#click"}},[t._v("click")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-31"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-31"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/456e46b/types/events.d.ts#L27",target:"_blank",rel:"noopener noreferrer"}},[t._v("events.d.ts:27"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"enter"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#enter"}},[t._v("#")]),t._v(" enter")]),t._v(" "),e("p",[t._v("▸ "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("enter")]),t._v("("),e("code",[t._v("context")]),t._v(", "),e("code",[t._v("event")]),t._v("): "),e("code",[t._v("boolean")]),t._v(" | "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"parameters-4"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-4"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("context")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/interfaces/EventContext.html"}},[e("code",[t._v("EventContext")])])],1)]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("event")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("ChartEvent")])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-4"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-4"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("boolean")]),t._v(" | "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-24"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-24"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#enter"}},[t._v("enter")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-32"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-32"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/456e46b/types/events.d.ts#L25",target:"_blank",rel:"noopener noreferrer"}},[t._v("events.d.ts:25"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"leave"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#leave"}},[t._v("#")]),t._v(" leave")]),t._v(" "),e("p",[t._v("▸ "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("leave")]),t._v("("),e("code",[t._v("context")]),t._v(", "),e("code",[t._v("event")]),t._v("): "),e("code",[t._v("boolean")]),t._v(" | "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"parameters-5"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-5"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("context")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/interfaces/EventContext.html"}},[e("code",[t._v("EventContext")])])],1)]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("event")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("ChartEvent")])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-5"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-5"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("boolean")]),t._v(" | "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-25"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-25"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#leave"}},[t._v("leave")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-33"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-33"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/456e46b/types/events.d.ts#L26",target:"_blank",rel:"noopener noreferrer"}},[t._v("events.d.ts:26"),e("OutboundLink")],1)])])}),[],!1,null,null,null);e.default=o.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[26],{436:function(t,e,a){"use strict";a.r(e);var r=a(4),o=Object(r.a)({},(function(){var t=this,e=t._self._c;return e("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[e("h1",{attrs:{id:"interface-boxannotationoptions"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#interface-boxannotationoptions"}},[t._v("#")]),t._v(" Interface: BoxAnnotationOptions")]),t._v(" "),e("h2",{attrs:{id:"hierarchy"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#hierarchy"}},[t._v("#")]),t._v(" Hierarchy")]),t._v(" "),e("ul",[e("li",[e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html"}},[e("code",[t._v("CoreAnnotationOptions")])])],1),t._v(" "),e("p",[t._v("↳ "),e("strong",[e("code",[t._v("BoxAnnotationOptions")])])])])]),t._v(" "),e("h2",{attrs:{id:"properties"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#properties"}},[t._v("#")]),t._v(" Properties")]),t._v(" "),e("h3",{attrs:{id:"adjustscalerange"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#adjustscalerange"}},[t._v("#")]),t._v(" adjustScaleRange")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("adjustScaleRange")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("boolean")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"inherited-from"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#adjustscalerange"}},[t._v("adjustScaleRange")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/a15dde6/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/a15dde6/types/options.d.ts#L95",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:95"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"backgroundshadowcolor"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#backgroundshadowcolor"}},[t._v("#")]),t._v(" backgroundShadowColor")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("backgroundShadowColor")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("Color")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"inherited-from-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-2"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#backgroundshadowcolor"}},[t._v("backgroundShadowColor")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-3"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-3"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/a15dde6/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/a15dde6/types/options.d.ts#L100",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:100"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"bordercolor"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#bordercolor"}},[t._v("#")]),t._v(" borderColor")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("borderColor")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("Color")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"inherited-from-3"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-3"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#bordercolor"}},[t._v("borderColor")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-5"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-5"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/a15dde6/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/a15dde6/types/options.d.ts#L105",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:105"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"borderdashoffset"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#borderdashoffset"}},[t._v("#")]),t._v(" borderDashOffset")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("borderDashOffset")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("number")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("p",[t._v("Border line dash offset. See MDN.")]),t._v(" "),e("p",[e("strong",[e("code",[t._v("Default")])])]),t._v(" "),e("p",[t._v("0.0")]),t._v(" "),e("h4",{attrs:{id:"overrides-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#overrides-2"}},[t._v("#")]),t._v(" Overrides")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#borderdashoffset"}},[t._v("borderDashOffset")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-7"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-7"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/a15dde6/types/options.d.ts#L110",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:110"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"borderjoinstyle"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#borderjoinstyle"}},[t._v("#")]),t._v(" borderJoinStyle")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("borderJoinStyle")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("CanvasLineJoin")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("p",[t._v("Border line join style. See MDN.")]),t._v(" "),e("p",[e("strong",[e("code",[t._v("Default")])])]),t._v(" "),e("p",[t._v("'miter'")]),t._v(" "),e("h4",{attrs:{id:"defined-in-8"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-8"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/a15dde6/types/options.d.ts#L115",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:115"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"borderradius"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#borderradius"}},[t._v("#")]),t._v(" borderRadius")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("borderRadius")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("number")]),t._v(" | "),e("code",[t._v("BorderRadius")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"defined-in-9"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-9"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/a15dde6/types/options.d.ts#L116",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:116"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"bordershadowcolor"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#bordershadowcolor"}},[t._v("#")]),t._v(" borderShadowColor")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("borderShadowColor")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("Color")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"inherited-from-4"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-4"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#bordershadowcolor"}},[t._v("borderShadowColor")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-10"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-10"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/a15dde6/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/a15dde6/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/a15dde6/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/a15dde6/types/options.d.ts#L44",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:44"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"hittolerance"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#hittolerance"}},[t._v("#")]),t._v(" hitTolerance")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("hitTolerance")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("number")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"inherited-from-8"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-8"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#hittolerance"}},[t._v("hitTolerance")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-14"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-14"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/a15dde6/types/options.d.ts#L45",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:45"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"id"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#id"}},[t._v("#")]),t._v(" id")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("id")]),t._v(": "),e("code",[t._v("string")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-9"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-9"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#id"}},[t._v("id")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-15"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-15"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/a15dde6/types/options.d.ts#L47",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:47"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"init"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#init"}},[t._v("#")]),t._v(" init")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("init")]),t._v(": "),e("code",[t._v("boolean")]),t._v(" | ("),e("code",[t._v("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-10"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-10"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#init"}},[t._v("init")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-16"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-16"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/a15dde6/types/options.d.ts#L46",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:46"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"label"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#label"}},[t._v("#")]),t._v(" label")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("label")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/interfaces/BoxLabelOptions.html"}},[e("code",[t._v("BoxLabelOptions")])])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-17"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-17"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/a15dde6/types/options.d.ts#L117",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:117"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"rotation"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#rotation"}},[t._v("#")]),t._v(" rotation")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("rotation")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("number")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"defined-in-18"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-18"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/a15dde6/types/options.d.ts#L118",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:118"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"shadowblur"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#shadowblur"}},[t._v("#")]),t._v(" shadowBlur")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("shadowBlur")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("number")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"inherited-from-11"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-11"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#shadowblur"}},[t._v("shadowBlur")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-19"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-19"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/a15dde6/types/options.d.ts#L32",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:32"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"shadowoffsetx"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#shadowoffsetx"}},[t._v("#")]),t._v(" shadowOffsetX")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("shadowOffsetX")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("number")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"inherited-from-12"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-12"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#shadowoffsetx"}},[t._v("shadowOffsetX")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-20"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-20"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/a15dde6/types/options.d.ts#L33",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:33"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"shadowoffsety"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#shadowoffsety"}},[t._v("#")]),t._v(" shadowOffsetY")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("shadowOffsetY")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("number")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"inherited-from-13"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-13"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#shadowoffsety"}},[t._v("shadowOffsetY")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-21"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-21"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/a15dde6/types/options.d.ts#L34",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:34"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"xmax"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#xmax"}},[t._v("#")]),t._v(" xMax")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("xMax")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("RouterLink",{attrs:{to:"/api/#scalevalue"}},[e("code",[t._v("ScaleValue")])]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"inherited-from-14"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-14"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#xmax"}},[t._v("xMax")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-22"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-22"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/a15dde6/types/options.d.ts#L48",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:48"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"xmin"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#xmin"}},[t._v("#")]),t._v(" xMin")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("xMin")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("RouterLink",{attrs:{to:"/api/#scalevalue"}},[e("code",[t._v("ScaleValue")])]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"inherited-from-15"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-15"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#xmin"}},[t._v("xMin")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-23"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-23"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/a15dde6/types/options.d.ts#L49",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:49"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"xscaleid"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#xscaleid"}},[t._v("#")]),t._v(" xScaleID")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("xScaleID")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("string")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"inherited-from-16"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-16"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#xscaleid"}},[t._v("xScaleID")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-24"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-24"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/a15dde6/types/options.d.ts#L50",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:50"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"ymax"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#ymax"}},[t._v("#")]),t._v(" yMax")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("yMax")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("RouterLink",{attrs:{to:"/api/#scalevalue"}},[e("code",[t._v("ScaleValue")])]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"inherited-from-17"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-17"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#ymax"}},[t._v("yMax")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-25"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-25"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/a15dde6/types/options.d.ts#L51",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:51"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"ymin"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#ymin"}},[t._v("#")]),t._v(" yMin")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("yMin")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("RouterLink",{attrs:{to:"/api/#scalevalue"}},[e("code",[t._v("ScaleValue")])]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"inherited-from-18"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-18"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#ymin"}},[t._v("yMin")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-26"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-26"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/a15dde6/types/options.d.ts#L52",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:52"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"yscaleid"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#yscaleid"}},[t._v("#")]),t._v(" yScaleID")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("yScaleID")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("string")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"inherited-from-19"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-19"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#yscaleid"}},[t._v("yScaleID")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-27"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-27"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/a15dde6/types/options.d.ts#L53",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:53"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"z"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#z"}},[t._v("#")]),t._v(" z")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("z")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("number")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"inherited-from-20"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-20"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#z"}},[t._v("z")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-28"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-28"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/a15dde6/types/options.d.ts#L54",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:54"),e("OutboundLink")],1)]),t._v(" "),e("h2",{attrs:{id:"methods"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#methods"}},[t._v("#")]),t._v(" Methods")]),t._v(" "),e("h3",{attrs:{id:"afterdraw"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#afterdraw"}},[t._v("#")]),t._v(" afterDraw")]),t._v(" "),e("p",[t._v("▸ "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("afterDraw")]),t._v("("),e("code",[t._v("context")]),t._v("): "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"parameters"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("context")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/interfaces/EventContext.html"}},[e("code",[t._v("EventContext")])])],1)])])]),t._v(" "),e("h4",{attrs:{id:"returns"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-21"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-21"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#afterdraw"}},[t._v("afterDraw")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-29"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-29"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/a15dde6/types/options.d.ts#L23",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:23"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"beforedraw"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#beforedraw"}},[t._v("#")]),t._v(" beforeDraw")]),t._v(" "),e("p",[t._v("▸ "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("beforeDraw")]),t._v("("),e("code",[t._v("context")]),t._v("): "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"parameters-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-2"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("context")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/interfaces/EventContext.html"}},[e("code",[t._v("EventContext")])])],1)])])]),t._v(" "),e("h4",{attrs:{id:"returns-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-2"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-22"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-22"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#beforedraw"}},[t._v("beforeDraw")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-30"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-30"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/a15dde6/types/options.d.ts#L22",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:22"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"click"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#click"}},[t._v("#")]),t._v(" click")]),t._v(" "),e("p",[t._v("▸ "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("click")]),t._v("("),e("code",[t._v("context")]),t._v(", "),e("code",[t._v("event")]),t._v("): "),e("code",[t._v("boolean")]),t._v(" | "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"parameters-3"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-3"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("context")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/interfaces/EventContext.html"}},[e("code",[t._v("EventContext")])])],1)]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("event")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("ChartEvent")])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-3"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-3"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("boolean")]),t._v(" | "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-23"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-23"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#click"}},[t._v("click")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-31"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-31"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/a15dde6/types/events.d.ts#L27",target:"_blank",rel:"noopener noreferrer"}},[t._v("events.d.ts:27"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"enter"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#enter"}},[t._v("#")]),t._v(" enter")]),t._v(" "),e("p",[t._v("▸ "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("enter")]),t._v("("),e("code",[t._v("context")]),t._v(", "),e("code",[t._v("event")]),t._v("): "),e("code",[t._v("boolean")]),t._v(" | "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"parameters-4"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-4"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("context")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/interfaces/EventContext.html"}},[e("code",[t._v("EventContext")])])],1)]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("event")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("ChartEvent")])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-4"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-4"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("boolean")]),t._v(" | "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-24"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-24"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#enter"}},[t._v("enter")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-32"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-32"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/a15dde6/types/events.d.ts#L25",target:"_blank",rel:"noopener noreferrer"}},[t._v("events.d.ts:25"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"leave"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#leave"}},[t._v("#")]),t._v(" leave")]),t._v(" "),e("p",[t._v("▸ "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("leave")]),t._v("("),e("code",[t._v("context")]),t._v(", "),e("code",[t._v("event")]),t._v("): "),e("code",[t._v("boolean")]),t._v(" | "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"parameters-5"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-5"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("context")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/interfaces/EventContext.html"}},[e("code",[t._v("EventContext")])])],1)]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("event")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("ChartEvent")])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-5"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-5"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("boolean")]),t._v(" | "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-25"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-25"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#leave"}},[t._v("leave")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-33"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-33"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/a15dde6/types/events.d.ts#L26",target:"_blank",rel:"noopener noreferrer"}},[t._v("events.d.ts:26"),e("OutboundLink")],1)])])}),[],!1,null,null,null);e.default=o.exports}}]); \ No newline at end of file diff --git a/master/assets/js/27.3ce9bab5.js b/master/assets/js/27.aeb7418e.js similarity index 95% rename from master/assets/js/27.3ce9bab5.js rename to master/assets/js/27.aeb7418e.js index 9ba391ced..7f2f7fbc3 100644 --- a/master/assets/js/27.3ce9bab5.js +++ b/master/assets/js/27.aeb7418e.js @@ -1 +1 @@ -(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/456e46b/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/456e46b/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/456e46b/types/label.d.ts#L144",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:144"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"drawtime"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#drawtime"}},[t._v("#")]),t._v(" drawTime")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("drawTime")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("RouterLink",{attrs:{to:"/api/#drawtime"}},[e("code",[t._v("DrawTime")])]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"inherited-from-3"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-3"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreLabelOptions.html"}},[t._v("CoreLabelOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreLabelOptions.html#drawtime"}},[t._v("drawTime")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-4"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-4"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/456e46b/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/456e46b/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/456e46b/types/label.d.ts#L83",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:83"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"hittolerance"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#hittolerance"}},[t._v("#")]),t._v(" hitTolerance")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("hitTolerance")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("number")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"defined-in-7"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-7"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/456e46b/types/label.d.ts#L145",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:145"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"opacity"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#opacity"}},[t._v("#")]),t._v(" opacity")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("opacity")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("number")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("p",[t._v("Overrides the opacity of the image.")]),t._v(" "),e("h4",{attrs:{id:"inherited-from-6"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-6"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreLabelOptions.html"}},[t._v("CoreLabelOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreLabelOptions.html#opacity"}},[t._v("opacity")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-8"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-8"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/456e46b/types/label.d.ts#L87",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:87"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"padding"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#padding"}},[t._v("#")]),t._v(" padding")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("padding")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("number")]),t._v(" | "),e("RouterLink",{attrs:{to:"/api/interfaces/LabelPadding.html"}},[e("code",[t._v("LabelPadding")])]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("p",[t._v("Padding of label")]),t._v(" "),e("p",[e("strong",[e("code",[t._v("Default")])])]),t._v(" "),e("p",[t._v("6")]),t._v(" "),e("h4",{attrs:{id:"inherited-from-7"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-7"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreLabelOptions.html"}},[t._v("CoreLabelOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreLabelOptions.html#padding"}},[t._v("padding")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-9"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-9"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/456e46b/types/label.d.ts#L48",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:48"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"position"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#position"}},[t._v("#")]),t._v(" position")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("position")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("RouterLink",{attrs:{to:"/api/#labelposition"}},[e("code",[t._v("LabelPosition")])]),t._v(" | "),e("RouterLink",{attrs:{to:"/api/interfaces/LabelPositionObject.html"}},[e("code",[t._v("LabelPositionObject")])]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"defined-in-10"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-10"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/456e46b/types/label.d.ts#L139",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:139"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"rotation"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#rotation"}},[t._v("#")]),t._v(" rotation")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("rotation")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("number")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"defined-in-11"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-11"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/456e46b/types/label.d.ts#L146",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:146"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"textalign"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#textalign"}},[t._v("#")]),t._v(" textAlign")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("textAlign")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("RouterLink",{attrs:{to:"/api/#labeltextalign"}},[e("code",[t._v("LabelTextAlign")])]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("p",[t._v("Text alignment when the content of the label is multi-line.")]),t._v(" "),e("p",[e("strong",[e("code",[t._v("Default")])])]),t._v(" "),e("p",[t._v("'center'")]),t._v(" "),e("h4",{attrs:{id:"inherited-from-8"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-8"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreLabelOptions.html"}},[t._v("CoreLabelOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreLabelOptions.html#textalign"}},[t._v("textAlign")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-12"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-12"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/456e46b/types/label.d.ts#L53",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:53"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"textstrokecolor"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#textstrokecolor"}},[t._v("#")]),t._v(" textStrokeColor")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("textStrokeColor")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("Color")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"inherited-from-9"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-9"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreLabelOptions.html"}},[t._v("CoreLabelOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreLabelOptions.html#textstrokecolor"}},[t._v("textStrokeColor")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-13"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-13"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/456e46b/types/label.d.ts#L54",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:54"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"textstrokewidth"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#textstrokewidth"}},[t._v("#")]),t._v(" textStrokeWidth")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("textStrokeWidth")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("number")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"inherited-from-10"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-10"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreLabelOptions.html"}},[t._v("CoreLabelOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreLabelOptions.html#textstrokewidth"}},[t._v("textStrokeWidth")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-14"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-14"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/456e46b/types/label.d.ts#L55",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:55"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"width"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#width"}},[t._v("#")]),t._v(" width")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("width")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("number")]),t._v(" | `${number}%`, "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("p",[t._v("Overrides the width of the image. Could be set in pixel by a number,\nor in percentage of current width of image by a string")]),t._v(" "),e("h4",{attrs:{id:"inherited-from-11"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-11"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreLabelOptions.html"}},[t._v("CoreLabelOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreLabelOptions.html#width"}},[t._v("width")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-15"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-15"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/456e46b/types/label.d.ts#L78",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:78"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"xadjust"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#xadjust"}},[t._v("#")]),t._v(" xAdjust")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("xAdjust")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("number")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("p",[t._v("Adjustment along x-axis (left-right) of label relative to above number (can be negative)\nFor horizontal lines positioned left or right, negative values move\nthe label toward the edge, and positive values toward the center.")]),t._v(" "),e("p",[e("strong",[e("code",[t._v("Default")])])]),t._v(" "),e("p",[t._v("0")]),t._v(" "),e("h4",{attrs:{id:"inherited-from-12"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-12"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreLabelOptions.html"}},[t._v("CoreLabelOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreLabelOptions.html#xadjust"}},[t._v("xAdjust")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-16"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-16"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/456e46b/types/label.d.ts#L62",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:62"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"yadjust"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#yadjust"}},[t._v("#")]),t._v(" yAdjust")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("yAdjust")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("number")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("p",[t._v("Adjustment along y-axis (top-bottom) of label relative to above number (can be negative)\nFor vertical lines positioned top or bottom, negative values move\nthe label toward the edge, and positive values toward the center.")]),t._v(" "),e("p",[e("strong",[e("code",[t._v("Default")])])]),t._v(" "),e("p",[t._v("0")]),t._v(" "),e("h4",{attrs:{id:"inherited-from-13"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-13"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreLabelOptions.html"}},[t._v("CoreLabelOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreLabelOptions.html#yadjust"}},[t._v("yAdjust")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-17"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-17"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/456e46b/types/label.d.ts#L69",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:69"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"z"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#z"}},[t._v("#")]),t._v(" z")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("z")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("number")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"inherited-from-14"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-14"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreLabelOptions.html"}},[t._v("CoreLabelOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreLabelOptions.html#z"}},[t._v("z")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-18"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-18"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/456e46b/types/label.d.ts#L88",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:88"),e("OutboundLink")],1)])])}),[],!1,null,null,null);e.default=i.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[27],{437:function(t,e,a){"use strict";a.r(e);var r=a(4),i=Object(r.a)({},(function(){var t=this,e=t._self._c;return e("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[e("h1",{attrs:{id:"interface-boxlabeloptions"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#interface-boxlabeloptions"}},[t._v("#")]),t._v(" Interface: BoxLabelOptions")]),t._v(" "),e("h2",{attrs:{id:"hierarchy"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#hierarchy"}},[t._v("#")]),t._v(" Hierarchy")]),t._v(" "),e("ul",[e("li",[e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreLabelOptions.html"}},[e("code",[t._v("CoreLabelOptions")])])],1),t._v(" "),e("p",[t._v("↳ "),e("strong",[e("code",[t._v("BoxLabelOptions")])])])])]),t._v(" "),e("h2",{attrs:{id:"properties"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#properties"}},[t._v("#")]),t._v(" Properties")]),t._v(" "),e("h3",{attrs:{id:"color"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#color"}},[t._v("#")]),t._v(" color")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("color")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("Color")]),t._v(" | "),e("code",[t._v("Color")]),t._v("[], "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"inherited-from"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreLabelOptions.html"}},[t._v("CoreLabelOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreLabelOptions.html#color"}},[t._v("color")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/a15dde6/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/a15dde6/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/a15dde6/types/label.d.ts#L144",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:144"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"drawtime"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#drawtime"}},[t._v("#")]),t._v(" drawTime")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("drawTime")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("RouterLink",{attrs:{to:"/api/#drawtime"}},[e("code",[t._v("DrawTime")])]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"inherited-from-3"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-3"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreLabelOptions.html"}},[t._v("CoreLabelOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreLabelOptions.html#drawtime"}},[t._v("drawTime")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-4"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-4"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/a15dde6/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/a15dde6/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/a15dde6/types/label.d.ts#L83",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:83"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"hittolerance"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#hittolerance"}},[t._v("#")]),t._v(" hitTolerance")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("hitTolerance")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("number")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"defined-in-7"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-7"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/a15dde6/types/label.d.ts#L145",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:145"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"opacity"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#opacity"}},[t._v("#")]),t._v(" opacity")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("opacity")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("number")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("p",[t._v("Overrides the opacity of the image.")]),t._v(" "),e("h4",{attrs:{id:"inherited-from-6"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-6"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreLabelOptions.html"}},[t._v("CoreLabelOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreLabelOptions.html#opacity"}},[t._v("opacity")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-8"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-8"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/a15dde6/types/label.d.ts#L87",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:87"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"padding"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#padding"}},[t._v("#")]),t._v(" padding")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("padding")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("number")]),t._v(" | "),e("RouterLink",{attrs:{to:"/api/interfaces/LabelPadding.html"}},[e("code",[t._v("LabelPadding")])]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("p",[t._v("Padding of label")]),t._v(" "),e("p",[e("strong",[e("code",[t._v("Default")])])]),t._v(" "),e("p",[t._v("6")]),t._v(" "),e("h4",{attrs:{id:"inherited-from-7"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-7"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreLabelOptions.html"}},[t._v("CoreLabelOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreLabelOptions.html#padding"}},[t._v("padding")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-9"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-9"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/a15dde6/types/label.d.ts#L48",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:48"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"position"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#position"}},[t._v("#")]),t._v(" position")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("position")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("RouterLink",{attrs:{to:"/api/#labelposition"}},[e("code",[t._v("LabelPosition")])]),t._v(" | "),e("RouterLink",{attrs:{to:"/api/interfaces/LabelPositionObject.html"}},[e("code",[t._v("LabelPositionObject")])]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"defined-in-10"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-10"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/a15dde6/types/label.d.ts#L139",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:139"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"rotation"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#rotation"}},[t._v("#")]),t._v(" rotation")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("rotation")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("number")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"defined-in-11"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-11"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/a15dde6/types/label.d.ts#L146",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:146"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"textalign"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#textalign"}},[t._v("#")]),t._v(" textAlign")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("textAlign")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("RouterLink",{attrs:{to:"/api/#labeltextalign"}},[e("code",[t._v("LabelTextAlign")])]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("p",[t._v("Text alignment when the content of the label is multi-line.")]),t._v(" "),e("p",[e("strong",[e("code",[t._v("Default")])])]),t._v(" "),e("p",[t._v("'center'")]),t._v(" "),e("h4",{attrs:{id:"inherited-from-8"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-8"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreLabelOptions.html"}},[t._v("CoreLabelOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreLabelOptions.html#textalign"}},[t._v("textAlign")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-12"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-12"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/a15dde6/types/label.d.ts#L53",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:53"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"textstrokecolor"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#textstrokecolor"}},[t._v("#")]),t._v(" textStrokeColor")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("textStrokeColor")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("Color")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"inherited-from-9"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-9"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreLabelOptions.html"}},[t._v("CoreLabelOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreLabelOptions.html#textstrokecolor"}},[t._v("textStrokeColor")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-13"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-13"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/a15dde6/types/label.d.ts#L54",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:54"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"textstrokewidth"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#textstrokewidth"}},[t._v("#")]),t._v(" textStrokeWidth")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("textStrokeWidth")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("number")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"inherited-from-10"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-10"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreLabelOptions.html"}},[t._v("CoreLabelOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreLabelOptions.html#textstrokewidth"}},[t._v("textStrokeWidth")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-14"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-14"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/a15dde6/types/label.d.ts#L55",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:55"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"width"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#width"}},[t._v("#")]),t._v(" width")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("width")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("number")]),t._v(" | `${number}%`, "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("p",[t._v("Overrides the width of the image. Could be set in pixel by a number,\nor in percentage of current width of image by a string")]),t._v(" "),e("h4",{attrs:{id:"inherited-from-11"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-11"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreLabelOptions.html"}},[t._v("CoreLabelOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreLabelOptions.html#width"}},[t._v("width")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-15"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-15"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/a15dde6/types/label.d.ts#L78",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:78"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"xadjust"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#xadjust"}},[t._v("#")]),t._v(" xAdjust")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("xAdjust")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("number")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("p",[t._v("Adjustment along x-axis (left-right) of label relative to above number (can be negative)\nFor horizontal lines positioned left or right, negative values move\nthe label toward the edge, and positive values toward the center.")]),t._v(" "),e("p",[e("strong",[e("code",[t._v("Default")])])]),t._v(" "),e("p",[t._v("0")]),t._v(" "),e("h4",{attrs:{id:"inherited-from-12"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-12"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreLabelOptions.html"}},[t._v("CoreLabelOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreLabelOptions.html#xadjust"}},[t._v("xAdjust")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-16"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-16"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/a15dde6/types/label.d.ts#L62",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:62"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"yadjust"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#yadjust"}},[t._v("#")]),t._v(" yAdjust")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("yAdjust")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("number")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("p",[t._v("Adjustment along y-axis (top-bottom) of label relative to above number (can be negative)\nFor vertical lines positioned top or bottom, negative values move\nthe label toward the edge, and positive values toward the center.")]),t._v(" "),e("p",[e("strong",[e("code",[t._v("Default")])])]),t._v(" "),e("p",[t._v("0")]),t._v(" "),e("h4",{attrs:{id:"inherited-from-13"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-13"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreLabelOptions.html"}},[t._v("CoreLabelOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreLabelOptions.html#yadjust"}},[t._v("yAdjust")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-17"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-17"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/a15dde6/types/label.d.ts#L69",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:69"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"z"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#z"}},[t._v("#")]),t._v(" z")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("z")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("number")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"inherited-from-14"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-14"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreLabelOptions.html"}},[t._v("CoreLabelOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreLabelOptions.html#z"}},[t._v("z")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-18"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-18"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/a15dde6/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.0b79fd27.js b/master/assets/js/28.3539158f.js similarity index 92% rename from master/assets/js/28.0b79fd27.js rename to master/assets/js/28.3539158f.js index eb4f255a0..bfbe24216 100644 --- a/master/assets/js/28.0b79fd27.js +++ b/master/assets/js/28.3539158f.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[28],{438:function(t,e,a){"use strict";a.r(e);var r=a(4),n=Object(r.a)({},(function(){var t=this,e=t._self._c;return e("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[e("h1",{attrs:{id:"interface-calloutoptions"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#interface-calloutoptions"}},[t._v("#")]),t._v(" Interface: CalloutOptions")]),t._v(" "),e("h2",{attrs:{id:"properties"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#properties"}},[t._v("#")]),t._v(" Properties")]),t._v(" "),e("h3",{attrs:{id:"bordercapstyle"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#bordercapstyle"}},[t._v("#")]),t._v(" borderCapStyle")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("borderCapStyle")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("CanvasLineCap")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"defined-in"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/456e46b/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/456e46b/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/456e46b/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/456e46b/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/456e46b/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/456e46b/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/456e46b/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/456e46b/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/456e46b/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/456e46b/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/456e46b/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/a15dde6/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/a15dde6/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/a15dde6/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/a15dde6/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/a15dde6/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/a15dde6/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/a15dde6/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/a15dde6/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/a15dde6/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/a15dde6/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/a15dde6/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.39c704d7.js b/master/assets/js/29.262fe79b.js similarity index 93% rename from master/assets/js/29.39c704d7.js rename to master/assets/js/29.262fe79b.js index b2d22cdb9..7fc11bcdb 100644 --- a/master/assets/js/29.39c704d7.js +++ b/master/assets/js/29.262fe79b.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[29],{440: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/456e46b/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/456e46b/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/456e46b/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/456e46b/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/456e46b/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/456e46b/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/456e46b/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/456e46b/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/456e46b/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/456e46b/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/456e46b/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/456e46b/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/456e46b/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/456e46b/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/456e46b/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/456e46b/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/456e46b/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/456e46b/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/456e46b/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/456e46b/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/456e46b/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/456e46b/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/456e46b/types/label.d.ts#L88",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:88"),e("OutboundLink")],1)])])}),[],!1,null,null,null);e.default=o.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[29],{439:function(t,e,a){"use strict";a.r(e);var r=a(4),o=Object(r.a)({},(function(){var t=this,e=t._self._c;return e("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[e("h1",{attrs:{id:"interface-containedlabeloptions"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#interface-containedlabeloptions"}},[t._v("#")]),t._v(" Interface: ContainedLabelOptions")]),t._v(" "),e("h2",{attrs:{id:"hierarchy"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#hierarchy"}},[t._v("#")]),t._v(" Hierarchy")]),t._v(" "),e("ul",[e("li",[e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreLabelOptions.html"}},[e("code",[t._v("CoreLabelOptions")])])],1),t._v(" "),e("p",[t._v("↳ "),e("strong",[e("code",[t._v("ContainedLabelOptions")])])]),t._v(" "),e("p",[t._v("↳↳ "),e("RouterLink",{attrs:{to:"/api/interfaces/LabelOptions.html"}},[e("code",[t._v("LabelOptions")])])],1),t._v(" "),e("p",[t._v("↳↳ "),e("RouterLink",{attrs:{to:"/api/interfaces/LabelTypeOptions.html"}},[e("code",[t._v("LabelTypeOptions")])])],1)])]),t._v(" "),e("h2",{attrs:{id:"properties"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#properties"}},[t._v("#")]),t._v(" Properties")]),t._v(" "),e("h3",{attrs:{id:"backgroundcolor"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#backgroundcolor"}},[t._v("#")]),t._v(" backgroundColor")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("backgroundColor")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("Color")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"defined-in"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/a15dde6/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/a15dde6/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/a15dde6/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/a15dde6/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/a15dde6/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/a15dde6/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/a15dde6/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/a15dde6/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/a15dde6/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/a15dde6/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/a15dde6/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/a15dde6/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/a15dde6/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/a15dde6/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/a15dde6/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/a15dde6/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/a15dde6/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/a15dde6/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/a15dde6/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/a15dde6/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/a15dde6/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/a15dde6/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/a15dde6/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.c51a34c6.js b/master/assets/js/30.b5438e77.js similarity index 91% rename from master/assets/js/30.c51a34c6.js rename to master/assets/js/30.b5438e77.js index 50c624838..6a97d4142 100644 --- a/master/assets/js/30.c51a34c6.js +++ b/master/assets/js/30.b5438e77.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/456e46b/types/options.d.ts#L80",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:80"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"y"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#y"}},[t._v("#")]),t._v(" y")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("y")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("string")]),t._v(" | "),e("code",[t._v("number")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"defined-in-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-2"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/456e46b/types/options.d.ts#L81",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:81"),e("OutboundLink")],1)])])}),[],!1,null,null,null);e.default=n.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[30],{441: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/a15dde6/types/options.d.ts#L80",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:80"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"y"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#y"}},[t._v("#")]),t._v(" y")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("y")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("string")]),t._v(" | "),e("code",[t._v("number")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"defined-in-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-2"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/a15dde6/types/options.d.ts#L81",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:81"),e("OutboundLink")],1)])])}),[],!1,null,null,null);e.default=n.exports}}]); \ No newline at end of file diff --git a/master/assets/js/31.58a60611.js b/master/assets/js/31.6bed3d4d.js similarity index 94% rename from master/assets/js/31.58a60611.js rename to master/assets/js/31.6bed3d4d.js index 4dff5fe0e..d1fcdc9a8 100644 --- a/master/assets/js/31.58a60611.js +++ b/master/assets/js/31.6bed3d4d.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[31],{441:function(t,e,a){"use strict";a.r(e);var r=a(4),n=Object(r.a)({},(function(){var t=this,e=t._self._c;return e("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[e("h1",{attrs:{id:"interface-coreannotationoptions"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#interface-coreannotationoptions"}},[t._v("#")]),t._v(" Interface: CoreAnnotationOptions")]),t._v(" "),e("h2",{attrs:{id:"hierarchy"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#hierarchy"}},[t._v("#")]),t._v(" Hierarchy")]),t._v(" "),e("ul",[e("li",[e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/AnnotationEvents.html"}},[e("code",[t._v("AnnotationEvents")])])],1)]),t._v(" "),e("li",[e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/ShadowOptions.html"}},[e("code",[t._v("ShadowOptions")])])],1)]),t._v(" "),e("li",[e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/AnnotationHooks.html"}},[e("code",[t._v("AnnotationHooks")])])],1),t._v(" "),e("p",[t._v("↳ "),e("strong",[e("code",[t._v("CoreAnnotationOptions")])])]),t._v(" "),e("p",[t._v("↳↳ "),e("RouterLink",{attrs:{to:"/api/interfaces/LineAnnotationOptions.html"}},[e("code",[t._v("LineAnnotationOptions")])])],1),t._v(" "),e("p",[t._v("↳↳ "),e("RouterLink",{attrs:{to:"/api/interfaces/BoxAnnotationOptions.html"}},[e("code",[t._v("BoxAnnotationOptions")])])],1),t._v(" "),e("p",[t._v("↳↳ "),e("RouterLink",{attrs:{to:"/api/interfaces/EllipseAnnotationOptions.html"}},[e("code",[t._v("EllipseAnnotationOptions")])])],1),t._v(" "),e("p",[t._v("↳↳ "),e("RouterLink",{attrs:{to:"/api/interfaces/PointAnnotationOptions.html"}},[e("code",[t._v("PointAnnotationOptions")])])],1),t._v(" "),e("p",[t._v("↳↳ "),e("RouterLink",{attrs:{to:"/api/interfaces/LabelAnnotationOptions.html"}},[e("code",[t._v("LabelAnnotationOptions")])])],1),t._v(" "),e("p",[t._v("↳↳ "),e("RouterLink",{attrs:{to:"/api/interfaces/PolygonAnnotationOptions.html"}},[e("code",[t._v("PolygonAnnotationOptions")])])],1)])]),t._v(" "),e("h2",{attrs:{id:"properties"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#properties"}},[t._v("#")]),t._v(" Properties")]),t._v(" "),e("h3",{attrs:{id:"adjustscalerange"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#adjustscalerange"}},[t._v("#")]),t._v(" adjustScaleRange")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("adjustScaleRange")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("boolean")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"defined-in"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/456e46b/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/456e46b/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/456e46b/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/456e46b/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/456e46b/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/456e46b/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/456e46b/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/456e46b/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/456e46b/types/options.d.ts#L44",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:44"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"hittolerance"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#hittolerance"}},[t._v("#")]),t._v(" hitTolerance")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("hitTolerance")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("number")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"defined-in-10"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-10"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/456e46b/types/options.d.ts#L45",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:45"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"id"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#id"}},[t._v("#")]),t._v(" id")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("id")]),t._v(": "),e("code",[t._v("string")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-11"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-11"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/456e46b/types/options.d.ts#L47",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:47"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"init"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#init"}},[t._v("#")]),t._v(" init")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("init")]),t._v(": "),e("code",[t._v("boolean")]),t._v(" | ("),e("code",[t._v("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-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/456e46b/types/options.d.ts#L46",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:46"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"shadowblur"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#shadowblur"}},[t._v("#")]),t._v(" shadowBlur")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("shadowBlur")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("number")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"inherited-from-3"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-3"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/ShadowOptions.html"}},[t._v("ShadowOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/ShadowOptions.html#shadowblur"}},[t._v("shadowBlur")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-13"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-13"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/456e46b/types/options.d.ts#L32",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:32"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"shadowoffsetx"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#shadowoffsetx"}},[t._v("#")]),t._v(" shadowOffsetX")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("shadowOffsetX")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("number")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"inherited-from-4"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-4"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/ShadowOptions.html"}},[t._v("ShadowOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/ShadowOptions.html#shadowoffsetx"}},[t._v("shadowOffsetX")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-14"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-14"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/456e46b/types/options.d.ts#L33",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:33"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"shadowoffsety"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#shadowoffsety"}},[t._v("#")]),t._v(" shadowOffsetY")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("shadowOffsetY")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("number")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"inherited-from-5"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-5"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/ShadowOptions.html"}},[t._v("ShadowOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/ShadowOptions.html#shadowoffsety"}},[t._v("shadowOffsetY")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-15"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-15"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/456e46b/types/options.d.ts#L34",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:34"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"xmax"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#xmax"}},[t._v("#")]),t._v(" xMax")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("xMax")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("RouterLink",{attrs:{to:"/api/#scalevalue"}},[e("code",[t._v("ScaleValue")])]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"defined-in-16"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-16"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/456e46b/types/options.d.ts#L48",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:48"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"xmin"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#xmin"}},[t._v("#")]),t._v(" xMin")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("xMin")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("RouterLink",{attrs:{to:"/api/#scalevalue"}},[e("code",[t._v("ScaleValue")])]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"defined-in-17"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-17"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/456e46b/types/options.d.ts#L49",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:49"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"xscaleid"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#xscaleid"}},[t._v("#")]),t._v(" xScaleID")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("xScaleID")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("string")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"defined-in-18"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-18"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/456e46b/types/options.d.ts#L50",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:50"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"ymax"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#ymax"}},[t._v("#")]),t._v(" yMax")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("yMax")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("RouterLink",{attrs:{to:"/api/#scalevalue"}},[e("code",[t._v("ScaleValue")])]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"defined-in-19"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-19"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/456e46b/types/options.d.ts#L51",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:51"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"ymin"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#ymin"}},[t._v("#")]),t._v(" yMin")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("yMin")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("RouterLink",{attrs:{to:"/api/#scalevalue"}},[e("code",[t._v("ScaleValue")])]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"defined-in-20"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-20"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/456e46b/types/options.d.ts#L52",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:52"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"yscaleid"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#yscaleid"}},[t._v("#")]),t._v(" yScaleID")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("yScaleID")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("string")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"defined-in-21"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-21"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/456e46b/types/options.d.ts#L53",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:53"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"z"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#z"}},[t._v("#")]),t._v(" z")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("z")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("number")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"defined-in-22"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-22"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/456e46b/types/options.d.ts#L54",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:54"),e("OutboundLink")],1)]),t._v(" "),e("h2",{attrs:{id:"methods"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#methods"}},[t._v("#")]),t._v(" Methods")]),t._v(" "),e("h3",{attrs:{id:"afterdraw"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#afterdraw"}},[t._v("#")]),t._v(" afterDraw")]),t._v(" "),e("p",[t._v("▸ "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("afterDraw")]),t._v("("),e("code",[t._v("context")]),t._v("): "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"parameters"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("context")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/interfaces/EventContext.html"}},[e("code",[t._v("EventContext")])])],1)])])]),t._v(" "),e("h4",{attrs:{id:"returns"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-6"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-6"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/AnnotationHooks.html"}},[t._v("AnnotationHooks")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/AnnotationHooks.html#afterdraw"}},[t._v("afterDraw")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-23"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-23"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/456e46b/types/options.d.ts#L23",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:23"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"beforedraw"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#beforedraw"}},[t._v("#")]),t._v(" beforeDraw")]),t._v(" "),e("p",[t._v("▸ "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("beforeDraw")]),t._v("("),e("code",[t._v("context")]),t._v("): "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"parameters-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-2"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("context")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/interfaces/EventContext.html"}},[e("code",[t._v("EventContext")])])],1)])])]),t._v(" "),e("h4",{attrs:{id:"returns-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-2"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-7"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-7"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/AnnotationHooks.html"}},[t._v("AnnotationHooks")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/AnnotationHooks.html#beforedraw"}},[t._v("beforeDraw")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-24"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-24"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/456e46b/types/options.d.ts#L22",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:22"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"click"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#click"}},[t._v("#")]),t._v(" click")]),t._v(" "),e("p",[t._v("▸ "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("click")]),t._v("("),e("code",[t._v("context")]),t._v(", "),e("code",[t._v("event")]),t._v("): "),e("code",[t._v("boolean")]),t._v(" | "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"parameters-3"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-3"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("context")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/interfaces/EventContext.html"}},[e("code",[t._v("EventContext")])])],1)]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("event")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("ChartEvent")])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-3"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-3"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("boolean")]),t._v(" | "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-8"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-8"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/AnnotationEvents.html"}},[t._v("AnnotationEvents")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/AnnotationEvents.html#click"}},[t._v("click")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-25"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-25"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/456e46b/types/events.d.ts#L27",target:"_blank",rel:"noopener noreferrer"}},[t._v("events.d.ts:27"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"enter"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#enter"}},[t._v("#")]),t._v(" enter")]),t._v(" "),e("p",[t._v("▸ "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("enter")]),t._v("("),e("code",[t._v("context")]),t._v(", "),e("code",[t._v("event")]),t._v("): "),e("code",[t._v("boolean")]),t._v(" | "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"parameters-4"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-4"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("context")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/interfaces/EventContext.html"}},[e("code",[t._v("EventContext")])])],1)]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("event")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("ChartEvent")])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-4"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-4"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("boolean")]),t._v(" | "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-9"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-9"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/AnnotationEvents.html"}},[t._v("AnnotationEvents")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/AnnotationEvents.html#enter"}},[t._v("enter")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-26"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-26"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/456e46b/types/events.d.ts#L25",target:"_blank",rel:"noopener noreferrer"}},[t._v("events.d.ts:25"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"leave"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#leave"}},[t._v("#")]),t._v(" leave")]),t._v(" "),e("p",[t._v("▸ "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("leave")]),t._v("("),e("code",[t._v("context")]),t._v(", "),e("code",[t._v("event")]),t._v("): "),e("code",[t._v("boolean")]),t._v(" | "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"parameters-5"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-5"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("context")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/interfaces/EventContext.html"}},[e("code",[t._v("EventContext")])])],1)]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("event")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("ChartEvent")])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-5"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-5"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("boolean")]),t._v(" | "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-10"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-10"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/AnnotationEvents.html"}},[t._v("AnnotationEvents")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/AnnotationEvents.html#leave"}},[t._v("leave")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-27"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-27"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/456e46b/types/events.d.ts#L26",target:"_blank",rel:"noopener noreferrer"}},[t._v("events.d.ts:26"),e("OutboundLink")],1)])])}),[],!1,null,null,null);e.default=n.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[31],{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/a15dde6/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/a15dde6/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/a15dde6/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/a15dde6/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/a15dde6/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/a15dde6/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/a15dde6/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/a15dde6/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/a15dde6/types/options.d.ts#L44",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:44"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"hittolerance"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#hittolerance"}},[t._v("#")]),t._v(" hitTolerance")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("hitTolerance")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("number")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"defined-in-10"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-10"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/a15dde6/types/options.d.ts#L45",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:45"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"id"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#id"}},[t._v("#")]),t._v(" id")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("id")]),t._v(": "),e("code",[t._v("string")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-11"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-11"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/a15dde6/types/options.d.ts#L47",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:47"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"init"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#init"}},[t._v("#")]),t._v(" init")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("init")]),t._v(": "),e("code",[t._v("boolean")]),t._v(" | ("),e("code",[t._v("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-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/a15dde6/types/options.d.ts#L46",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:46"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"shadowblur"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#shadowblur"}},[t._v("#")]),t._v(" shadowBlur")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("shadowBlur")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("number")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"inherited-from-3"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-3"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/ShadowOptions.html"}},[t._v("ShadowOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/ShadowOptions.html#shadowblur"}},[t._v("shadowBlur")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-13"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-13"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/a15dde6/types/options.d.ts#L32",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:32"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"shadowoffsetx"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#shadowoffsetx"}},[t._v("#")]),t._v(" shadowOffsetX")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("shadowOffsetX")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("number")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"inherited-from-4"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-4"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/ShadowOptions.html"}},[t._v("ShadowOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/ShadowOptions.html#shadowoffsetx"}},[t._v("shadowOffsetX")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-14"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-14"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/a15dde6/types/options.d.ts#L33",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:33"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"shadowoffsety"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#shadowoffsety"}},[t._v("#")]),t._v(" shadowOffsetY")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("shadowOffsetY")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("number")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"inherited-from-5"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-5"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/ShadowOptions.html"}},[t._v("ShadowOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/ShadowOptions.html#shadowoffsety"}},[t._v("shadowOffsetY")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-15"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-15"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/a15dde6/types/options.d.ts#L34",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:34"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"xmax"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#xmax"}},[t._v("#")]),t._v(" xMax")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("xMax")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("RouterLink",{attrs:{to:"/api/#scalevalue"}},[e("code",[t._v("ScaleValue")])]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"defined-in-16"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-16"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/a15dde6/types/options.d.ts#L48",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:48"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"xmin"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#xmin"}},[t._v("#")]),t._v(" xMin")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("xMin")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("RouterLink",{attrs:{to:"/api/#scalevalue"}},[e("code",[t._v("ScaleValue")])]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"defined-in-17"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-17"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/a15dde6/types/options.d.ts#L49",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:49"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"xscaleid"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#xscaleid"}},[t._v("#")]),t._v(" xScaleID")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("xScaleID")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("string")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"defined-in-18"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-18"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/a15dde6/types/options.d.ts#L50",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:50"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"ymax"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#ymax"}},[t._v("#")]),t._v(" yMax")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("yMax")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("RouterLink",{attrs:{to:"/api/#scalevalue"}},[e("code",[t._v("ScaleValue")])]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"defined-in-19"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-19"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/a15dde6/types/options.d.ts#L51",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:51"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"ymin"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#ymin"}},[t._v("#")]),t._v(" yMin")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("yMin")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("RouterLink",{attrs:{to:"/api/#scalevalue"}},[e("code",[t._v("ScaleValue")])]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"defined-in-20"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-20"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/a15dde6/types/options.d.ts#L52",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:52"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"yscaleid"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#yscaleid"}},[t._v("#")]),t._v(" yScaleID")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("yScaleID")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("string")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"defined-in-21"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-21"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/a15dde6/types/options.d.ts#L53",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:53"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"z"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#z"}},[t._v("#")]),t._v(" z")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("z")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("number")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"defined-in-22"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-22"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/a15dde6/types/options.d.ts#L54",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:54"),e("OutboundLink")],1)]),t._v(" "),e("h2",{attrs:{id:"methods"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#methods"}},[t._v("#")]),t._v(" Methods")]),t._v(" "),e("h3",{attrs:{id:"afterdraw"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#afterdraw"}},[t._v("#")]),t._v(" afterDraw")]),t._v(" "),e("p",[t._v("▸ "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("afterDraw")]),t._v("("),e("code",[t._v("context")]),t._v("): "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"parameters"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("context")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/interfaces/EventContext.html"}},[e("code",[t._v("EventContext")])])],1)])])]),t._v(" "),e("h4",{attrs:{id:"returns"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-6"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-6"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/AnnotationHooks.html"}},[t._v("AnnotationHooks")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/AnnotationHooks.html#afterdraw"}},[t._v("afterDraw")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-23"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-23"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/a15dde6/types/options.d.ts#L23",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:23"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"beforedraw"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#beforedraw"}},[t._v("#")]),t._v(" beforeDraw")]),t._v(" "),e("p",[t._v("▸ "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("beforeDraw")]),t._v("("),e("code",[t._v("context")]),t._v("): "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"parameters-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-2"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("context")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/interfaces/EventContext.html"}},[e("code",[t._v("EventContext")])])],1)])])]),t._v(" "),e("h4",{attrs:{id:"returns-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-2"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-7"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-7"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/AnnotationHooks.html"}},[t._v("AnnotationHooks")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/AnnotationHooks.html#beforedraw"}},[t._v("beforeDraw")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-24"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-24"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/a15dde6/types/options.d.ts#L22",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:22"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"click"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#click"}},[t._v("#")]),t._v(" click")]),t._v(" "),e("p",[t._v("▸ "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("click")]),t._v("("),e("code",[t._v("context")]),t._v(", "),e("code",[t._v("event")]),t._v("): "),e("code",[t._v("boolean")]),t._v(" | "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"parameters-3"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-3"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("context")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/interfaces/EventContext.html"}},[e("code",[t._v("EventContext")])])],1)]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("event")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("ChartEvent")])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-3"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-3"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("boolean")]),t._v(" | "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-8"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-8"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/AnnotationEvents.html"}},[t._v("AnnotationEvents")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/AnnotationEvents.html#click"}},[t._v("click")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-25"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-25"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/a15dde6/types/events.d.ts#L27",target:"_blank",rel:"noopener noreferrer"}},[t._v("events.d.ts:27"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"enter"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#enter"}},[t._v("#")]),t._v(" enter")]),t._v(" "),e("p",[t._v("▸ "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("enter")]),t._v("("),e("code",[t._v("context")]),t._v(", "),e("code",[t._v("event")]),t._v("): "),e("code",[t._v("boolean")]),t._v(" | "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"parameters-4"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-4"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("context")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/interfaces/EventContext.html"}},[e("code",[t._v("EventContext")])])],1)]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("event")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("ChartEvent")])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-4"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-4"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("boolean")]),t._v(" | "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-9"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-9"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/AnnotationEvents.html"}},[t._v("AnnotationEvents")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/AnnotationEvents.html#enter"}},[t._v("enter")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-26"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-26"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/a15dde6/types/events.d.ts#L25",target:"_blank",rel:"noopener noreferrer"}},[t._v("events.d.ts:25"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"leave"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#leave"}},[t._v("#")]),t._v(" leave")]),t._v(" "),e("p",[t._v("▸ "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("leave")]),t._v("("),e("code",[t._v("context")]),t._v(", "),e("code",[t._v("event")]),t._v("): "),e("code",[t._v("boolean")]),t._v(" | "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"parameters-5"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-5"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("context")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/interfaces/EventContext.html"}},[e("code",[t._v("EventContext")])])],1)]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("event")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("ChartEvent")])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-5"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-5"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("boolean")]),t._v(" | "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-10"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-10"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/AnnotationEvents.html"}},[t._v("AnnotationEvents")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/AnnotationEvents.html#leave"}},[t._v("leave")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-27"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-27"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/a15dde6/types/events.d.ts#L26",target:"_blank",rel:"noopener noreferrer"}},[t._v("events.d.ts:26"),e("OutboundLink")],1)])])}),[],!1,null,null,null);e.default=n.exports}}]); \ No newline at end of file diff --git a/master/assets/js/32.d785f93f.js b/master/assets/js/32.6c9c2d2e.js similarity index 93% rename from master/assets/js/32.d785f93f.js rename to master/assets/js/32.6c9c2d2e.js index 3e5117af4..e8f4f9d17 100644 --- a/master/assets/js/32.d785f93f.js +++ b/master/assets/js/32.6c9c2d2e.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[32],{443:function(t,e,a){"use strict";a.r(e);var r=a(4),n=Object(r.a)({},(function(){var t=this,e=t._self._c;return e("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[e("h1",{attrs:{id:"interface-corelabeloptions"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#interface-corelabeloptions"}},[t._v("#")]),t._v(" Interface: CoreLabelOptions")]),t._v(" "),e("h2",{attrs:{id:"hierarchy"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#hierarchy"}},[t._v("#")]),t._v(" Hierarchy")]),t._v(" "),e("ul",[e("li",[e("p",[e("strong",[e("code",[t._v("CoreLabelOptions")])])]),t._v(" "),e("p",[t._v("↳ "),e("RouterLink",{attrs:{to:"/api/interfaces/ContainedLabelOptions.html"}},[e("code",[t._v("ContainedLabelOptions")])])],1),t._v(" "),e("p",[t._v("↳ "),e("RouterLink",{attrs:{to:"/api/interfaces/BoxLabelOptions.html"}},[e("code",[t._v("BoxLabelOptions")])])],1)])]),t._v(" "),e("h2",{attrs:{id:"properties"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#properties"}},[t._v("#")]),t._v(" Properties")]),t._v(" "),e("h3",{attrs:{id:"color"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#color"}},[t._v("#")]),t._v(" color")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("color")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("Color")]),t._v(" | "),e("code",[t._v("Color")]),t._v("[], "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"defined-in"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/456e46b/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/456e46b/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/456e46b/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/456e46b/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/456e46b/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/456e46b/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/456e46b/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/456e46b/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/456e46b/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/456e46b/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/456e46b/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/456e46b/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/456e46b/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/456e46b/types/label.d.ts#L88",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:88"),e("OutboundLink")],1)])])}),[],!1,null,null,null);e.default=n.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[32],{442:function(t,e,a){"use strict";a.r(e);var r=a(4),n=Object(r.a)({},(function(){var t=this,e=t._self._c;return e("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[e("h1",{attrs:{id:"interface-corelabeloptions"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#interface-corelabeloptions"}},[t._v("#")]),t._v(" Interface: CoreLabelOptions")]),t._v(" "),e("h2",{attrs:{id:"hierarchy"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#hierarchy"}},[t._v("#")]),t._v(" Hierarchy")]),t._v(" "),e("ul",[e("li",[e("p",[e("strong",[e("code",[t._v("CoreLabelOptions")])])]),t._v(" "),e("p",[t._v("↳ "),e("RouterLink",{attrs:{to:"/api/interfaces/ContainedLabelOptions.html"}},[e("code",[t._v("ContainedLabelOptions")])])],1),t._v(" "),e("p",[t._v("↳ "),e("RouterLink",{attrs:{to:"/api/interfaces/BoxLabelOptions.html"}},[e("code",[t._v("BoxLabelOptions")])])],1)])]),t._v(" "),e("h2",{attrs:{id:"properties"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#properties"}},[t._v("#")]),t._v(" Properties")]),t._v(" "),e("h3",{attrs:{id:"color"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#color"}},[t._v("#")]),t._v(" color")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("color")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("Color")]),t._v(" | "),e("code",[t._v("Color")]),t._v("[], "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"defined-in"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/a15dde6/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/a15dde6/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/a15dde6/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/a15dde6/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/a15dde6/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/a15dde6/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/a15dde6/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/a15dde6/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/a15dde6/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/a15dde6/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/a15dde6/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/a15dde6/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/a15dde6/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/a15dde6/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.c57cf590.js b/master/assets/js/33.310fbef7.js similarity index 94% rename from master/assets/js/33.c57cf590.js rename to master/assets/js/33.310fbef7.js index ff1eb0a87..c3b5098be 100644 --- a/master/assets/js/33.c57cf590.js +++ b/master/assets/js/33.310fbef7.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[33],{442:function(t,e,a){"use strict";a.r(e);var r=a(4),n=Object(r.a)({},(function(){var t=this,e=t._self._c;return e("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[e("h1",{attrs:{id:"interface-ellipseannotationoptions"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#interface-ellipseannotationoptions"}},[t._v("#")]),t._v(" Interface: EllipseAnnotationOptions")]),t._v(" "),e("h2",{attrs:{id:"hierarchy"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#hierarchy"}},[t._v("#")]),t._v(" Hierarchy")]),t._v(" "),e("ul",[e("li",[e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html"}},[e("code",[t._v("CoreAnnotationOptions")])])],1),t._v(" "),e("p",[t._v("↳ "),e("strong",[e("code",[t._v("EllipseAnnotationOptions")])])])])]),t._v(" "),e("h2",{attrs:{id:"properties"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#properties"}},[t._v("#")]),t._v(" Properties")]),t._v(" "),e("h3",{attrs:{id:"adjustscalerange"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#adjustscalerange"}},[t._v("#")]),t._v(" adjustScaleRange")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("adjustScaleRange")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("boolean")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"inherited-from"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#adjustscalerange"}},[t._v("adjustScaleRange")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/456e46b/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/456e46b/types/options.d.ts#L122",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:122"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"backgroundshadowcolor"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#backgroundshadowcolor"}},[t._v("#")]),t._v(" backgroundShadowColor")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("backgroundShadowColor")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("Color")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"inherited-from-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-2"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#backgroundshadowcolor"}},[t._v("backgroundShadowColor")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-3"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-3"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/456e46b/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/456e46b/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/456e46b/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/456e46b/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/456e46b/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/456e46b/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/456e46b/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/456e46b/types/options.d.ts#L44",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:44"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"hittolerance"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#hittolerance"}},[t._v("#")]),t._v(" hitTolerance")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("hitTolerance")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("number")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"inherited-from-10"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-10"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#hittolerance"}},[t._v("hitTolerance")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-11"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-11"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/456e46b/types/options.d.ts#L45",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:45"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"id"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#id"}},[t._v("#")]),t._v(" id")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("id")]),t._v(": "),e("code",[t._v("string")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-11"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-11"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#id"}},[t._v("id")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-12"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-12"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/456e46b/types/options.d.ts#L47",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:47"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"init"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#init"}},[t._v("#")]),t._v(" init")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("init")]),t._v(": "),e("code",[t._v("boolean")]),t._v(" | ("),e("code",[t._v("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-12"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-12"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#init"}},[t._v("init")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-13"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-13"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/456e46b/types/options.d.ts#L46",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:46"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"label"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#label"}},[t._v("#")]),t._v(" label")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("label")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/interfaces/BoxLabelOptions.html"}},[e("code",[t._v("BoxLabelOptions")])])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-14"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-14"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/456e46b/types/options.d.ts#L123",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:123"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"rotation"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#rotation"}},[t._v("#")]),t._v(" rotation")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("rotation")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("number")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"defined-in-15"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-15"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/456e46b/types/options.d.ts#L124",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:124"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"shadowblur"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#shadowblur"}},[t._v("#")]),t._v(" shadowBlur")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("shadowBlur")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("number")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"inherited-from-13"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-13"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#shadowblur"}},[t._v("shadowBlur")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-16"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-16"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/456e46b/types/options.d.ts#L32",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:32"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"shadowoffsetx"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#shadowoffsetx"}},[t._v("#")]),t._v(" shadowOffsetX")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("shadowOffsetX")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("number")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"inherited-from-14"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-14"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#shadowoffsetx"}},[t._v("shadowOffsetX")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-17"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-17"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/456e46b/types/options.d.ts#L33",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:33"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"shadowoffsety"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#shadowoffsety"}},[t._v("#")]),t._v(" shadowOffsetY")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("shadowOffsetY")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("number")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"inherited-from-15"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-15"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#shadowoffsety"}},[t._v("shadowOffsetY")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-18"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-18"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/456e46b/types/options.d.ts#L34",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:34"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"xmax"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#xmax"}},[t._v("#")]),t._v(" xMax")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("xMax")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("RouterLink",{attrs:{to:"/api/#scalevalue"}},[e("code",[t._v("ScaleValue")])]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"inherited-from-16"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-16"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#xmax"}},[t._v("xMax")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-19"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-19"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/456e46b/types/options.d.ts#L48",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:48"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"xmin"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#xmin"}},[t._v("#")]),t._v(" xMin")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("xMin")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("RouterLink",{attrs:{to:"/api/#scalevalue"}},[e("code",[t._v("ScaleValue")])]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"inherited-from-17"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-17"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#xmin"}},[t._v("xMin")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-20"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-20"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/456e46b/types/options.d.ts#L49",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:49"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"xscaleid"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#xscaleid"}},[t._v("#")]),t._v(" xScaleID")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("xScaleID")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("string")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"inherited-from-18"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-18"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#xscaleid"}},[t._v("xScaleID")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-21"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-21"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/456e46b/types/options.d.ts#L50",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:50"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"ymax"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#ymax"}},[t._v("#")]),t._v(" yMax")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("yMax")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("RouterLink",{attrs:{to:"/api/#scalevalue"}},[e("code",[t._v("ScaleValue")])]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"inherited-from-19"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-19"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#ymax"}},[t._v("yMax")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-22"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-22"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/456e46b/types/options.d.ts#L51",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:51"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"ymin"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#ymin"}},[t._v("#")]),t._v(" yMin")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("yMin")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("RouterLink",{attrs:{to:"/api/#scalevalue"}},[e("code",[t._v("ScaleValue")])]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"inherited-from-20"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-20"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#ymin"}},[t._v("yMin")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-23"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-23"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/456e46b/types/options.d.ts#L52",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:52"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"yscaleid"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#yscaleid"}},[t._v("#")]),t._v(" yScaleID")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("yScaleID")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("string")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"inherited-from-21"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-21"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#yscaleid"}},[t._v("yScaleID")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-24"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-24"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/456e46b/types/options.d.ts#L53",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:53"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"z"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#z"}},[t._v("#")]),t._v(" z")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("z")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("number")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"inherited-from-22"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-22"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#z"}},[t._v("z")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-25"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-25"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/456e46b/types/options.d.ts#L54",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:54"),e("OutboundLink")],1)]),t._v(" "),e("h2",{attrs:{id:"methods"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#methods"}},[t._v("#")]),t._v(" Methods")]),t._v(" "),e("h3",{attrs:{id:"afterdraw"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#afterdraw"}},[t._v("#")]),t._v(" afterDraw")]),t._v(" "),e("p",[t._v("▸ "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("afterDraw")]),t._v("("),e("code",[t._v("context")]),t._v("): "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"parameters"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("context")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/interfaces/EventContext.html"}},[e("code",[t._v("EventContext")])])],1)])])]),t._v(" "),e("h4",{attrs:{id:"returns"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-23"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-23"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#afterdraw"}},[t._v("afterDraw")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-26"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-26"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/456e46b/types/options.d.ts#L23",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:23"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"beforedraw"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#beforedraw"}},[t._v("#")]),t._v(" beforeDraw")]),t._v(" "),e("p",[t._v("▸ "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("beforeDraw")]),t._v("("),e("code",[t._v("context")]),t._v("): "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"parameters-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-2"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("context")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/interfaces/EventContext.html"}},[e("code",[t._v("EventContext")])])],1)])])]),t._v(" "),e("h4",{attrs:{id:"returns-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-2"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-24"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-24"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#beforedraw"}},[t._v("beforeDraw")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-27"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-27"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/456e46b/types/options.d.ts#L22",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:22"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"click"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#click"}},[t._v("#")]),t._v(" click")]),t._v(" "),e("p",[t._v("▸ "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("click")]),t._v("("),e("code",[t._v("context")]),t._v(", "),e("code",[t._v("event")]),t._v("): "),e("code",[t._v("boolean")]),t._v(" | "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"parameters-3"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-3"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("context")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/interfaces/EventContext.html"}},[e("code",[t._v("EventContext")])])],1)]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("event")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("ChartEvent")])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-3"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-3"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("boolean")]),t._v(" | "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-25"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-25"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#click"}},[t._v("click")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-28"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-28"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/456e46b/types/events.d.ts#L27",target:"_blank",rel:"noopener noreferrer"}},[t._v("events.d.ts:27"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"enter"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#enter"}},[t._v("#")]),t._v(" enter")]),t._v(" "),e("p",[t._v("▸ "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("enter")]),t._v("("),e("code",[t._v("context")]),t._v(", "),e("code",[t._v("event")]),t._v("): "),e("code",[t._v("boolean")]),t._v(" | "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"parameters-4"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-4"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("context")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/interfaces/EventContext.html"}},[e("code",[t._v("EventContext")])])],1)]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("event")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("ChartEvent")])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-4"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-4"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("boolean")]),t._v(" | "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-26"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-26"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#enter"}},[t._v("enter")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-29"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-29"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/456e46b/types/events.d.ts#L25",target:"_blank",rel:"noopener noreferrer"}},[t._v("events.d.ts:25"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"leave"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#leave"}},[t._v("#")]),t._v(" leave")]),t._v(" "),e("p",[t._v("▸ "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("leave")]),t._v("("),e("code",[t._v("context")]),t._v(", "),e("code",[t._v("event")]),t._v("): "),e("code",[t._v("boolean")]),t._v(" | "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"parameters-5"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-5"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("context")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/interfaces/EventContext.html"}},[e("code",[t._v("EventContext")])])],1)]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("event")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("ChartEvent")])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-5"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-5"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("boolean")]),t._v(" | "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-27"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-27"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#leave"}},[t._v("leave")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-30"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-30"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/456e46b/types/events.d.ts#L26",target:"_blank",rel:"noopener noreferrer"}},[t._v("events.d.ts:26"),e("OutboundLink")],1)])])}),[],!1,null,null,null);e.default=n.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[33],{443:function(t,e,a){"use strict";a.r(e);var r=a(4),n=Object(r.a)({},(function(){var t=this,e=t._self._c;return e("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[e("h1",{attrs:{id:"interface-ellipseannotationoptions"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#interface-ellipseannotationoptions"}},[t._v("#")]),t._v(" Interface: EllipseAnnotationOptions")]),t._v(" "),e("h2",{attrs:{id:"hierarchy"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#hierarchy"}},[t._v("#")]),t._v(" Hierarchy")]),t._v(" "),e("ul",[e("li",[e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html"}},[e("code",[t._v("CoreAnnotationOptions")])])],1),t._v(" "),e("p",[t._v("↳ "),e("strong",[e("code",[t._v("EllipseAnnotationOptions")])])])])]),t._v(" "),e("h2",{attrs:{id:"properties"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#properties"}},[t._v("#")]),t._v(" Properties")]),t._v(" "),e("h3",{attrs:{id:"adjustscalerange"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#adjustscalerange"}},[t._v("#")]),t._v(" adjustScaleRange")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("adjustScaleRange")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("boolean")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"inherited-from"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#adjustscalerange"}},[t._v("adjustScaleRange")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/a15dde6/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/a15dde6/types/options.d.ts#L122",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:122"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"backgroundshadowcolor"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#backgroundshadowcolor"}},[t._v("#")]),t._v(" backgroundShadowColor")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("backgroundShadowColor")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("Color")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"inherited-from-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-2"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#backgroundshadowcolor"}},[t._v("backgroundShadowColor")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-3"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-3"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/a15dde6/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/a15dde6/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/a15dde6/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/a15dde6/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/a15dde6/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/a15dde6/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/a15dde6/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/a15dde6/types/options.d.ts#L44",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:44"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"hittolerance"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#hittolerance"}},[t._v("#")]),t._v(" hitTolerance")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("hitTolerance")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("number")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"inherited-from-10"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-10"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#hittolerance"}},[t._v("hitTolerance")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-11"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-11"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/a15dde6/types/options.d.ts#L45",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:45"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"id"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#id"}},[t._v("#")]),t._v(" id")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("id")]),t._v(": "),e("code",[t._v("string")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-11"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-11"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#id"}},[t._v("id")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-12"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-12"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/a15dde6/types/options.d.ts#L47",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:47"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"init"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#init"}},[t._v("#")]),t._v(" init")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("init")]),t._v(": "),e("code",[t._v("boolean")]),t._v(" | ("),e("code",[t._v("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-12"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-12"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#init"}},[t._v("init")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-13"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-13"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/a15dde6/types/options.d.ts#L46",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:46"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"label"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#label"}},[t._v("#")]),t._v(" label")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("label")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/interfaces/BoxLabelOptions.html"}},[e("code",[t._v("BoxLabelOptions")])])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-14"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-14"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/a15dde6/types/options.d.ts#L123",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:123"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"rotation"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#rotation"}},[t._v("#")]),t._v(" rotation")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("rotation")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("number")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"defined-in-15"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-15"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/a15dde6/types/options.d.ts#L124",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:124"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"shadowblur"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#shadowblur"}},[t._v("#")]),t._v(" shadowBlur")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("shadowBlur")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("number")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"inherited-from-13"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-13"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#shadowblur"}},[t._v("shadowBlur")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-16"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-16"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/a15dde6/types/options.d.ts#L32",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:32"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"shadowoffsetx"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#shadowoffsetx"}},[t._v("#")]),t._v(" shadowOffsetX")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("shadowOffsetX")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("number")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"inherited-from-14"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-14"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#shadowoffsetx"}},[t._v("shadowOffsetX")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-17"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-17"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/a15dde6/types/options.d.ts#L33",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:33"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"shadowoffsety"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#shadowoffsety"}},[t._v("#")]),t._v(" shadowOffsetY")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("shadowOffsetY")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("number")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"inherited-from-15"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-15"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#shadowoffsety"}},[t._v("shadowOffsetY")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-18"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-18"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/a15dde6/types/options.d.ts#L34",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:34"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"xmax"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#xmax"}},[t._v("#")]),t._v(" xMax")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("xMax")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("RouterLink",{attrs:{to:"/api/#scalevalue"}},[e("code",[t._v("ScaleValue")])]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"inherited-from-16"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-16"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#xmax"}},[t._v("xMax")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-19"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-19"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/a15dde6/types/options.d.ts#L48",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:48"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"xmin"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#xmin"}},[t._v("#")]),t._v(" xMin")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("xMin")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("RouterLink",{attrs:{to:"/api/#scalevalue"}},[e("code",[t._v("ScaleValue")])]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"inherited-from-17"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-17"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#xmin"}},[t._v("xMin")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-20"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-20"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/a15dde6/types/options.d.ts#L49",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:49"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"xscaleid"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#xscaleid"}},[t._v("#")]),t._v(" xScaleID")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("xScaleID")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("string")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"inherited-from-18"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-18"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#xscaleid"}},[t._v("xScaleID")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-21"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-21"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/a15dde6/types/options.d.ts#L50",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:50"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"ymax"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#ymax"}},[t._v("#")]),t._v(" yMax")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("yMax")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("RouterLink",{attrs:{to:"/api/#scalevalue"}},[e("code",[t._v("ScaleValue")])]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"inherited-from-19"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-19"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#ymax"}},[t._v("yMax")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-22"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-22"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/a15dde6/types/options.d.ts#L51",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:51"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"ymin"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#ymin"}},[t._v("#")]),t._v(" yMin")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("yMin")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("RouterLink",{attrs:{to:"/api/#scalevalue"}},[e("code",[t._v("ScaleValue")])]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"inherited-from-20"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-20"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#ymin"}},[t._v("yMin")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-23"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-23"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/a15dde6/types/options.d.ts#L52",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:52"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"yscaleid"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#yscaleid"}},[t._v("#")]),t._v(" yScaleID")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("yScaleID")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("string")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"inherited-from-21"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-21"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#yscaleid"}},[t._v("yScaleID")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-24"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-24"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/a15dde6/types/options.d.ts#L53",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:53"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"z"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#z"}},[t._v("#")]),t._v(" z")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("z")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("number")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"inherited-from-22"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-22"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#z"}},[t._v("z")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-25"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-25"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/a15dde6/types/options.d.ts#L54",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:54"),e("OutboundLink")],1)]),t._v(" "),e("h2",{attrs:{id:"methods"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#methods"}},[t._v("#")]),t._v(" Methods")]),t._v(" "),e("h3",{attrs:{id:"afterdraw"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#afterdraw"}},[t._v("#")]),t._v(" afterDraw")]),t._v(" "),e("p",[t._v("▸ "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("afterDraw")]),t._v("("),e("code",[t._v("context")]),t._v("): "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"parameters"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("context")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/interfaces/EventContext.html"}},[e("code",[t._v("EventContext")])])],1)])])]),t._v(" "),e("h4",{attrs:{id:"returns"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-23"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-23"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#afterdraw"}},[t._v("afterDraw")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-26"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-26"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/a15dde6/types/options.d.ts#L23",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:23"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"beforedraw"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#beforedraw"}},[t._v("#")]),t._v(" beforeDraw")]),t._v(" "),e("p",[t._v("▸ "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("beforeDraw")]),t._v("("),e("code",[t._v("context")]),t._v("): "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"parameters-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-2"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("context")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/interfaces/EventContext.html"}},[e("code",[t._v("EventContext")])])],1)])])]),t._v(" "),e("h4",{attrs:{id:"returns-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-2"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-24"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-24"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#beforedraw"}},[t._v("beforeDraw")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-27"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-27"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/a15dde6/types/options.d.ts#L22",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:22"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"click"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#click"}},[t._v("#")]),t._v(" click")]),t._v(" "),e("p",[t._v("▸ "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("click")]),t._v("("),e("code",[t._v("context")]),t._v(", "),e("code",[t._v("event")]),t._v("): "),e("code",[t._v("boolean")]),t._v(" | "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"parameters-3"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-3"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("context")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/interfaces/EventContext.html"}},[e("code",[t._v("EventContext")])])],1)]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("event")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("ChartEvent")])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-3"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-3"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("boolean")]),t._v(" | "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-25"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-25"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#click"}},[t._v("click")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-28"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-28"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/a15dde6/types/events.d.ts#L27",target:"_blank",rel:"noopener noreferrer"}},[t._v("events.d.ts:27"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"enter"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#enter"}},[t._v("#")]),t._v(" enter")]),t._v(" "),e("p",[t._v("▸ "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("enter")]),t._v("("),e("code",[t._v("context")]),t._v(", "),e("code",[t._v("event")]),t._v("): "),e("code",[t._v("boolean")]),t._v(" | "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"parameters-4"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-4"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("context")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/interfaces/EventContext.html"}},[e("code",[t._v("EventContext")])])],1)]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("event")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("ChartEvent")])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-4"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-4"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("boolean")]),t._v(" | "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-26"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-26"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#enter"}},[t._v("enter")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-29"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-29"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/a15dde6/types/events.d.ts#L25",target:"_blank",rel:"noopener noreferrer"}},[t._v("events.d.ts:25"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"leave"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#leave"}},[t._v("#")]),t._v(" leave")]),t._v(" "),e("p",[t._v("▸ "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("leave")]),t._v("("),e("code",[t._v("context")]),t._v(", "),e("code",[t._v("event")]),t._v("): "),e("code",[t._v("boolean")]),t._v(" | "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"parameters-5"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-5"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("context")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/interfaces/EventContext.html"}},[e("code",[t._v("EventContext")])])],1)]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("event")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("ChartEvent")])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-5"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-5"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("boolean")]),t._v(" | "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-27"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-27"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#leave"}},[t._v("leave")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-30"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-30"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/a15dde6/types/events.d.ts#L26",target:"_blank",rel:"noopener noreferrer"}},[t._v("events.d.ts:26"),e("OutboundLink")],1)])])}),[],!1,null,null,null);e.default=n.exports}}]); \ No newline at end of file diff --git a/master/assets/js/34.10e2eab0.js b/master/assets/js/34.3f98e3cf.js similarity index 90% rename from master/assets/js/34.10e2eab0.js rename to master/assets/js/34.3f98e3cf.js index 7ba38fff9..30d1a8073 100644 --- a/master/assets/js/34.10e2eab0.js +++ b/master/assets/js/34.3f98e3cf.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[34],{444:function(t,e,n){"use strict";n.r(e);var r=n(4),a=Object(r.a)({},(function(){var t=this,e=t._self._c;return e("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[e("h1",{attrs:{id:"interface-eventcontext"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#interface-eventcontext"}},[t._v("#")]),t._v(" Interface: EventContext")]),t._v(" "),e("h2",{attrs:{id:"properties"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#properties"}},[t._v("#")]),t._v(" Properties")]),t._v(" "),e("h3",{attrs:{id:"chart"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#chart"}},[t._v("#")]),t._v(" chart")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("chart")]),t._v(": "),e("code",[t._v("Chart")]),t._v("")]),t._v(" "),e("h4",{attrs:{id:"defined-in"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/456e46b/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/456e46b/types/events.d.ts#L6",target:"_blank",rel:"noopener noreferrer"}},[t._v("events.d.ts:6"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"elements"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#elements"}},[t._v("#")]),t._v(" elements")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("elements")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/interfaces/AnnotationElement.html"}},[e("code",[t._v("AnnotationElement")])]),t._v("[]")],1),t._v(" "),e("h4",{attrs:{id:"defined-in-3"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-3"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/456e46b/types/events.d.ts#L7",target:"_blank",rel:"noopener noreferrer"}},[t._v("events.d.ts:7"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"id"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#id"}},[t._v("#")]),t._v(" id")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("id")]),t._v(": "),e("code",[t._v("string")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-4"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-4"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/456e46b/types/events.d.ts#L8",target:"_blank",rel:"noopener noreferrer"}},[t._v("events.d.ts:8"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"type"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#type"}},[t._v("#")]),t._v(" type")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("type")]),t._v(": "),e("code",[t._v("string")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-5"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-5"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/456e46b/types/events.d.ts#L9",target:"_blank",rel:"noopener noreferrer"}},[t._v("events.d.ts:9"),e("OutboundLink")],1)])])}),[],!1,null,null,null);e.default=a.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[34],{444:function(t,e,n){"use strict";n.r(e);var r=n(4),a=Object(r.a)({},(function(){var t=this,e=t._self._c;return e("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[e("h1",{attrs:{id:"interface-eventcontext"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#interface-eventcontext"}},[t._v("#")]),t._v(" Interface: EventContext")]),t._v(" "),e("h2",{attrs:{id:"properties"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#properties"}},[t._v("#")]),t._v(" Properties")]),t._v(" "),e("h3",{attrs:{id:"chart"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#chart"}},[t._v("#")]),t._v(" chart")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("chart")]),t._v(": "),e("code",[t._v("Chart")]),t._v("")]),t._v(" "),e("h4",{attrs:{id:"defined-in"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/a15dde6/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/a15dde6/types/events.d.ts#L6",target:"_blank",rel:"noopener noreferrer"}},[t._v("events.d.ts:6"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"elements"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#elements"}},[t._v("#")]),t._v(" elements")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("elements")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/interfaces/AnnotationElement.html"}},[e("code",[t._v("AnnotationElement")])]),t._v("[]")],1),t._v(" "),e("h4",{attrs:{id:"defined-in-3"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-3"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/a15dde6/types/events.d.ts#L7",target:"_blank",rel:"noopener noreferrer"}},[t._v("events.d.ts:7"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"id"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#id"}},[t._v("#")]),t._v(" id")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("id")]),t._v(": "),e("code",[t._v("string")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-4"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-4"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/a15dde6/types/events.d.ts#L8",target:"_blank",rel:"noopener noreferrer"}},[t._v("events.d.ts:8"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"type"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#type"}},[t._v("#")]),t._v(" type")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("type")]),t._v(": "),e("code",[t._v("string")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-5"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-5"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/a15dde6/types/events.d.ts#L9",target:"_blank",rel:"noopener noreferrer"}},[t._v("events.d.ts:9"),e("OutboundLink")],1)])])}),[],!1,null,null,null);e.default=a.exports}}]); \ No newline at end of file diff --git a/master/assets/js/35.a3d2b8e5.js b/master/assets/js/35.ca5da667.js similarity index 95% rename from master/assets/js/35.a3d2b8e5.js rename to master/assets/js/35.ca5da667.js index 572fe069f..3b61331af 100644 --- a/master/assets/js/35.a3d2b8e5.js +++ b/master/assets/js/35.ca5da667.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[35],{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-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/456e46b/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/456e46b/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/456e46b/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/456e46b/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/456e46b/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/456e46b/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/456e46b/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/456e46b/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/456e46b/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/456e46b/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/456e46b/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/456e46b/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/456e46b/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/456e46b/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/456e46b/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/456e46b/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/456e46b/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/456e46b/types/label.d.ts#L83",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:83"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"hittolerance"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#hittolerance"}},[t._v("#")]),t._v(" hitTolerance")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("hitTolerance")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("number")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"inherited-from-19"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-19"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#hittolerance"}},[t._v("hitTolerance")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-19"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-19"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/456e46b/types/options.d.ts#L45",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:45"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"id"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#id"}},[t._v("#")]),t._v(" id")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("id")]),t._v(": "),e("code",[t._v("string")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-20"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-20"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#id"}},[t._v("id")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-20"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-20"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/456e46b/types/options.d.ts#L47",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:47"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"init"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#init"}},[t._v("#")]),t._v(" init")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("init")]),t._v(": "),e("code",[t._v("boolean")]),t._v(" | ("),e("code",[t._v("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-21"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-21"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#init"}},[t._v("init")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-21"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-21"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/456e46b/types/options.d.ts#L46",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:46"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"opacity"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#opacity"}},[t._v("#")]),t._v(" opacity")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("opacity")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("number")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("p",[t._v("Overrides the opacity of the image.")]),t._v(" "),e("h4",{attrs:{id:"inherited-from-22"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-22"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/LabelTypeOptions.html"}},[t._v("LabelTypeOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/LabelTypeOptions.html#opacity"}},[t._v("opacity")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-22"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-22"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/456e46b/types/label.d.ts#L87",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:87"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"padding"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#padding"}},[t._v("#")]),t._v(" padding")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("padding")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("number")]),t._v(" | "),e("RouterLink",{attrs:{to:"/api/interfaces/LabelPadding.html"}},[e("code",[t._v("LabelPadding")])]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("p",[t._v("Padding of label")]),t._v(" "),e("p",[e("strong",[e("code",[t._v("Default")])])]),t._v(" "),e("p",[t._v("6")]),t._v(" "),e("h4",{attrs:{id:"inherited-from-23"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-23"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/LabelTypeOptions.html"}},[t._v("LabelTypeOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/LabelTypeOptions.html#padding"}},[t._v("padding")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-23"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-23"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/456e46b/types/label.d.ts#L48",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:48"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"position"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#position"}},[t._v("#")]),t._v(" position")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("position")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("RouterLink",{attrs:{to:"/api/#labelposition"}},[e("code",[t._v("LabelPosition")])]),t._v(" | "),e("RouterLink",{attrs:{to:"/api/interfaces/LabelPositionObject.html"}},[e("code",[t._v("LabelPositionObject")])]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"inherited-from-24"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-24"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/LabelTypeOptions.html"}},[t._v("LabelTypeOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/LabelTypeOptions.html#position"}},[t._v("position")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-24"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-24"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/456e46b/types/label.d.ts#L150",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:150"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"rotation"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#rotation"}},[t._v("#")]),t._v(" rotation")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("rotation")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("number")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"defined-in-25"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-25"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/456e46b/types/options.d.ts#L137",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:137"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"shadowblur"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#shadowblur"}},[t._v("#")]),t._v(" shadowBlur")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("shadowBlur")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("number")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"inherited-from-25"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-25"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#shadowblur"}},[t._v("shadowBlur")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-26"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-26"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/456e46b/types/options.d.ts#L32",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:32"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"shadowoffsetx"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#shadowoffsetx"}},[t._v("#")]),t._v(" shadowOffsetX")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("shadowOffsetX")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("number")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"inherited-from-26"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-26"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#shadowoffsetx"}},[t._v("shadowOffsetX")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-27"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-27"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/456e46b/types/options.d.ts#L33",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:33"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"shadowoffsety"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#shadowoffsety"}},[t._v("#")]),t._v(" shadowOffsetY")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("shadowOffsetY")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("number")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"inherited-from-27"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-27"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#shadowoffsety"}},[t._v("shadowOffsetY")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-28"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-28"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/456e46b/types/options.d.ts#L34",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:34"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"textalign"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#textalign"}},[t._v("#")]),t._v(" textAlign")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("textAlign")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("RouterLink",{attrs:{to:"/api/#labeltextalign"}},[e("code",[t._v("LabelTextAlign")])]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("p",[t._v("Text alignment when the content of the label is multi-line.")]),t._v(" "),e("p",[e("strong",[e("code",[t._v("Default")])])]),t._v(" "),e("p",[t._v("'center'")]),t._v(" "),e("h4",{attrs:{id:"inherited-from-28"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-28"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/LabelTypeOptions.html"}},[t._v("LabelTypeOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/LabelTypeOptions.html#textalign"}},[t._v("textAlign")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-29"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-29"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/456e46b/types/label.d.ts#L53",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:53"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"textstrokecolor"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#textstrokecolor"}},[t._v("#")]),t._v(" textStrokeColor")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("textStrokeColor")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("Color")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"inherited-from-29"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-29"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/LabelTypeOptions.html"}},[t._v("LabelTypeOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/LabelTypeOptions.html#textstrokecolor"}},[t._v("textStrokeColor")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-30"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-30"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/456e46b/types/label.d.ts#L54",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:54"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"textstrokewidth"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#textstrokewidth"}},[t._v("#")]),t._v(" textStrokeWidth")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("textStrokeWidth")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("number")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"inherited-from-30"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-30"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/LabelTypeOptions.html"}},[t._v("LabelTypeOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/LabelTypeOptions.html#textstrokewidth"}},[t._v("textStrokeWidth")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-31"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-31"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/456e46b/types/label.d.ts#L55",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:55"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"width"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#width"}},[t._v("#")]),t._v(" width")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("width")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("number")]),t._v(" | `${number}%`, "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("p",[t._v("Overrides the width of the image. Could be set in pixel by a number,\nor in percentage of current width of image by a string")]),t._v(" "),e("h4",{attrs:{id:"inherited-from-31"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-31"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/LabelTypeOptions.html"}},[t._v("LabelTypeOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/LabelTypeOptions.html#width"}},[t._v("width")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-32"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-32"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/456e46b/types/label.d.ts#L78",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:78"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"xadjust"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#xadjust"}},[t._v("#")]),t._v(" xAdjust")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("xAdjust")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("number")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("p",[t._v("Adjustment along x-axis (left-right) of label relative to above number (can be negative)\nFor horizontal lines positioned left or right, negative values move\nthe label toward the edge, and positive values toward the center.")]),t._v(" "),e("p",[e("strong",[e("code",[t._v("Default")])])]),t._v(" "),e("p",[t._v("0")]),t._v(" "),e("h4",{attrs:{id:"inherited-from-32"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-32"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/LabelTypeOptions.html"}},[t._v("LabelTypeOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/LabelTypeOptions.html#xadjust"}},[t._v("xAdjust")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-33"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-33"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/456e46b/types/label.d.ts#L62",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:62"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"xmax"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#xmax"}},[t._v("#")]),t._v(" xMax")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("xMax")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("RouterLink",{attrs:{to:"/api/#scalevalue"}},[e("code",[t._v("ScaleValue")])]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"inherited-from-33"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-33"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#xmax"}},[t._v("xMax")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-34"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-34"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/456e46b/types/options.d.ts#L48",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:48"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"xmin"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#xmin"}},[t._v("#")]),t._v(" xMin")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("xMin")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("RouterLink",{attrs:{to:"/api/#scalevalue"}},[e("code",[t._v("ScaleValue")])]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"inherited-from-34"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-34"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#xmin"}},[t._v("xMin")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-35"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-35"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/456e46b/types/options.d.ts#L49",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:49"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"xscaleid"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#xscaleid"}},[t._v("#")]),t._v(" xScaleID")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("xScaleID")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("string")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"inherited-from-35"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-35"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#xscaleid"}},[t._v("xScaleID")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-36"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-36"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/456e46b/types/options.d.ts#L50",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:50"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"xvalue"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#xvalue"}},[t._v("#")]),t._v(" xValue")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("xValue")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("RouterLink",{attrs:{to:"/api/#scalevalue"}},[e("code",[t._v("ScaleValue")])]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"inherited-from-36"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-36"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/AnnotationPointCoordinates.html"}},[t._v("AnnotationPointCoordinates")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/AnnotationPointCoordinates.html#xvalue"}},[t._v("xValue")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-37"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-37"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/456e46b/types/options.d.ts#L58",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:58"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"yadjust"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#yadjust"}},[t._v("#")]),t._v(" yAdjust")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("yAdjust")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("number")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("p",[t._v("Adjustment along y-axis (top-bottom) of label relative to above number (can be negative)\nFor vertical lines positioned top or bottom, negative values move\nthe label toward the edge, and positive values toward the center.")]),t._v(" "),e("p",[e("strong",[e("code",[t._v("Default")])])]),t._v(" "),e("p",[t._v("0")]),t._v(" "),e("h4",{attrs:{id:"inherited-from-37"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-37"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/LabelTypeOptions.html"}},[t._v("LabelTypeOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/LabelTypeOptions.html#yadjust"}},[t._v("yAdjust")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-38"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-38"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/456e46b/types/label.d.ts#L69",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:69"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"ymax"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#ymax"}},[t._v("#")]),t._v(" yMax")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("yMax")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("RouterLink",{attrs:{to:"/api/#scalevalue"}},[e("code",[t._v("ScaleValue")])]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"inherited-from-38"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-38"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#ymax"}},[t._v("yMax")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-39"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-39"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/456e46b/types/options.d.ts#L51",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:51"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"ymin"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#ymin"}},[t._v("#")]),t._v(" yMin")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("yMin")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("RouterLink",{attrs:{to:"/api/#scalevalue"}},[e("code",[t._v("ScaleValue")])]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"inherited-from-39"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-39"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#ymin"}},[t._v("yMin")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-40"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-40"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/456e46b/types/options.d.ts#L52",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:52"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"yscaleid"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#yscaleid"}},[t._v("#")]),t._v(" yScaleID")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("yScaleID")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("string")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"inherited-from-40"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-40"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#yscaleid"}},[t._v("yScaleID")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-41"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-41"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/456e46b/types/options.d.ts#L53",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:53"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"yvalue"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#yvalue"}},[t._v("#")]),t._v(" yValue")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("yValue")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("RouterLink",{attrs:{to:"/api/#scalevalue"}},[e("code",[t._v("ScaleValue")])]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"inherited-from-41"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-41"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/AnnotationPointCoordinates.html"}},[t._v("AnnotationPointCoordinates")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/AnnotationPointCoordinates.html#yvalue"}},[t._v("yValue")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-42"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-42"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/456e46b/types/options.d.ts#L59",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:59"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"z"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#z"}},[t._v("#")]),t._v(" z")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("z")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("number")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"inherited-from-42"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-42"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/LabelTypeOptions.html"}},[t._v("LabelTypeOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/LabelTypeOptions.html#z"}},[t._v("z")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-43"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-43"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/456e46b/types/options.d.ts#L54",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:54"),e("OutboundLink")],1)]),t._v(" "),e("h2",{attrs:{id:"methods"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#methods"}},[t._v("#")]),t._v(" Methods")]),t._v(" "),e("h3",{attrs:{id:"afterdraw"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#afterdraw"}},[t._v("#")]),t._v(" afterDraw")]),t._v(" "),e("p",[t._v("▸ "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("afterDraw")]),t._v("("),e("code",[t._v("context")]),t._v("): "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"parameters"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("context")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/interfaces/EventContext.html"}},[e("code",[t._v("EventContext")])])],1)])])]),t._v(" "),e("h4",{attrs:{id:"returns"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-43"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-43"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#afterdraw"}},[t._v("afterDraw")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-44"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-44"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/456e46b/types/options.d.ts#L23",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:23"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"beforedraw"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#beforedraw"}},[t._v("#")]),t._v(" beforeDraw")]),t._v(" "),e("p",[t._v("▸ "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("beforeDraw")]),t._v("("),e("code",[t._v("context")]),t._v("): "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"parameters-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-2"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("context")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/interfaces/EventContext.html"}},[e("code",[t._v("EventContext")])])],1)])])]),t._v(" "),e("h4",{attrs:{id:"returns-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-2"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-44"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-44"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#beforedraw"}},[t._v("beforeDraw")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-45"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-45"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/456e46b/types/options.d.ts#L22",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:22"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"click"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#click"}},[t._v("#")]),t._v(" click")]),t._v(" "),e("p",[t._v("▸ "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("click")]),t._v("("),e("code",[t._v("context")]),t._v(", "),e("code",[t._v("event")]),t._v("): "),e("code",[t._v("boolean")]),t._v(" | "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"parameters-3"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-3"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("context")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/interfaces/EventContext.html"}},[e("code",[t._v("EventContext")])])],1)]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("event")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("ChartEvent")])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-3"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-3"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("boolean")]),t._v(" | "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-45"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-45"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#click"}},[t._v("click")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-46"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-46"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/456e46b/types/events.d.ts#L27",target:"_blank",rel:"noopener noreferrer"}},[t._v("events.d.ts:27"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"enter"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#enter"}},[t._v("#")]),t._v(" enter")]),t._v(" "),e("p",[t._v("▸ "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("enter")]),t._v("("),e("code",[t._v("context")]),t._v(", "),e("code",[t._v("event")]),t._v("): "),e("code",[t._v("boolean")]),t._v(" | "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"parameters-4"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-4"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("context")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/interfaces/EventContext.html"}},[e("code",[t._v("EventContext")])])],1)]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("event")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("ChartEvent")])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-4"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-4"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("boolean")]),t._v(" | "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-46"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-46"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#enter"}},[t._v("enter")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-47"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-47"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/456e46b/types/events.d.ts#L25",target:"_blank",rel:"noopener noreferrer"}},[t._v("events.d.ts:25"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"leave"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#leave"}},[t._v("#")]),t._v(" leave")]),t._v(" "),e("p",[t._v("▸ "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("leave")]),t._v("("),e("code",[t._v("context")]),t._v(", "),e("code",[t._v("event")]),t._v("): "),e("code",[t._v("boolean")]),t._v(" | "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"parameters-5"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-5"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("context")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/interfaces/EventContext.html"}},[e("code",[t._v("EventContext")])])],1)]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("event")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("ChartEvent")])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-5"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-5"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("boolean")]),t._v(" | "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-47"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-47"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#leave"}},[t._v("leave")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-48"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-48"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/456e46b/types/events.d.ts#L26",target:"_blank",rel:"noopener noreferrer"}},[t._v("events.d.ts:26"),e("OutboundLink")],1)])])}),[],!1,null,null,null);e.default=n.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[35],{445:function(t,e,a){"use strict";a.r(e);var r=a(4),n=Object(r.a)({},(function(){var t=this,e=t._self._c;return e("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[e("h1",{attrs:{id:"interface-labelannotationoptions"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#interface-labelannotationoptions"}},[t._v("#")]),t._v(" Interface: LabelAnnotationOptions")]),t._v(" "),e("h2",{attrs:{id:"hierarchy"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#hierarchy"}},[t._v("#")]),t._v(" Hierarchy")]),t._v(" "),e("ul",[e("li",[e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html"}},[e("code",[t._v("CoreAnnotationOptions")])])],1)]),t._v(" "),e("li",[e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/LabelTypeOptions.html"}},[e("code",[t._v("LabelTypeOptions")])])],1)]),t._v(" "),e("li",[e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/AnnotationPointCoordinates.html"}},[e("code",[t._v("AnnotationPointCoordinates")])])],1),t._v(" "),e("p",[t._v("↳ "),e("strong",[e("code",[t._v("LabelAnnotationOptions")])])])])]),t._v(" "),e("h2",{attrs:{id:"properties"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#properties"}},[t._v("#")]),t._v(" Properties")]),t._v(" "),e("h3",{attrs:{id:"adjustscalerange"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#adjustscalerange"}},[t._v("#")]),t._v(" adjustScaleRange")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("adjustScaleRange")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("boolean")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"inherited-from"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#adjustscalerange"}},[t._v("adjustScaleRange")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/a15dde6/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/a15dde6/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/a15dde6/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/a15dde6/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/a15dde6/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/a15dde6/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/a15dde6/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/a15dde6/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/a15dde6/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/a15dde6/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/a15dde6/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/a15dde6/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/a15dde6/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/a15dde6/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/a15dde6/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/a15dde6/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/a15dde6/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/a15dde6/types/label.d.ts#L83",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:83"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"hittolerance"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#hittolerance"}},[t._v("#")]),t._v(" hitTolerance")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("hitTolerance")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("number")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"inherited-from-19"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-19"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#hittolerance"}},[t._v("hitTolerance")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-19"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-19"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/a15dde6/types/options.d.ts#L45",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:45"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"id"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#id"}},[t._v("#")]),t._v(" id")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("id")]),t._v(": "),e("code",[t._v("string")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-20"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-20"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#id"}},[t._v("id")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-20"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-20"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/a15dde6/types/options.d.ts#L47",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:47"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"init"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#init"}},[t._v("#")]),t._v(" init")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("init")]),t._v(": "),e("code",[t._v("boolean")]),t._v(" | ("),e("code",[t._v("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-21"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-21"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#init"}},[t._v("init")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-21"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-21"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/a15dde6/types/options.d.ts#L46",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:46"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"opacity"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#opacity"}},[t._v("#")]),t._v(" opacity")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("opacity")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("number")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("p",[t._v("Overrides the opacity of the image.")]),t._v(" "),e("h4",{attrs:{id:"inherited-from-22"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-22"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/LabelTypeOptions.html"}},[t._v("LabelTypeOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/LabelTypeOptions.html#opacity"}},[t._v("opacity")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-22"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-22"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/a15dde6/types/label.d.ts#L87",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:87"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"padding"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#padding"}},[t._v("#")]),t._v(" padding")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("padding")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("number")]),t._v(" | "),e("RouterLink",{attrs:{to:"/api/interfaces/LabelPadding.html"}},[e("code",[t._v("LabelPadding")])]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("p",[t._v("Padding of label")]),t._v(" "),e("p",[e("strong",[e("code",[t._v("Default")])])]),t._v(" "),e("p",[t._v("6")]),t._v(" "),e("h4",{attrs:{id:"inherited-from-23"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-23"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/LabelTypeOptions.html"}},[t._v("LabelTypeOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/LabelTypeOptions.html#padding"}},[t._v("padding")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-23"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-23"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/a15dde6/types/label.d.ts#L48",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:48"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"position"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#position"}},[t._v("#")]),t._v(" position")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("position")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("RouterLink",{attrs:{to:"/api/#labelposition"}},[e("code",[t._v("LabelPosition")])]),t._v(" | "),e("RouterLink",{attrs:{to:"/api/interfaces/LabelPositionObject.html"}},[e("code",[t._v("LabelPositionObject")])]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"inherited-from-24"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-24"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/LabelTypeOptions.html"}},[t._v("LabelTypeOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/LabelTypeOptions.html#position"}},[t._v("position")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-24"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-24"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/a15dde6/types/label.d.ts#L150",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:150"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"rotation"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#rotation"}},[t._v("#")]),t._v(" rotation")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("rotation")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("number")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"defined-in-25"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-25"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/a15dde6/types/options.d.ts#L137",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:137"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"shadowblur"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#shadowblur"}},[t._v("#")]),t._v(" shadowBlur")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("shadowBlur")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("number")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"inherited-from-25"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-25"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#shadowblur"}},[t._v("shadowBlur")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-26"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-26"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/a15dde6/types/options.d.ts#L32",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:32"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"shadowoffsetx"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#shadowoffsetx"}},[t._v("#")]),t._v(" shadowOffsetX")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("shadowOffsetX")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("number")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"inherited-from-26"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-26"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#shadowoffsetx"}},[t._v("shadowOffsetX")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-27"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-27"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/a15dde6/types/options.d.ts#L33",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:33"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"shadowoffsety"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#shadowoffsety"}},[t._v("#")]),t._v(" shadowOffsetY")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("shadowOffsetY")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("number")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"inherited-from-27"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-27"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#shadowoffsety"}},[t._v("shadowOffsetY")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-28"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-28"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/a15dde6/types/options.d.ts#L34",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:34"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"textalign"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#textalign"}},[t._v("#")]),t._v(" textAlign")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("textAlign")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("RouterLink",{attrs:{to:"/api/#labeltextalign"}},[e("code",[t._v("LabelTextAlign")])]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("p",[t._v("Text alignment when the content of the label is multi-line.")]),t._v(" "),e("p",[e("strong",[e("code",[t._v("Default")])])]),t._v(" "),e("p",[t._v("'center'")]),t._v(" "),e("h4",{attrs:{id:"inherited-from-28"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-28"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/LabelTypeOptions.html"}},[t._v("LabelTypeOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/LabelTypeOptions.html#textalign"}},[t._v("textAlign")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-29"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-29"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/a15dde6/types/label.d.ts#L53",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:53"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"textstrokecolor"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#textstrokecolor"}},[t._v("#")]),t._v(" textStrokeColor")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("textStrokeColor")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("Color")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"inherited-from-29"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-29"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/LabelTypeOptions.html"}},[t._v("LabelTypeOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/LabelTypeOptions.html#textstrokecolor"}},[t._v("textStrokeColor")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-30"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-30"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/a15dde6/types/label.d.ts#L54",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:54"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"textstrokewidth"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#textstrokewidth"}},[t._v("#")]),t._v(" textStrokeWidth")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("textStrokeWidth")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("number")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"inherited-from-30"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-30"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/LabelTypeOptions.html"}},[t._v("LabelTypeOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/LabelTypeOptions.html#textstrokewidth"}},[t._v("textStrokeWidth")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-31"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-31"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/a15dde6/types/label.d.ts#L55",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:55"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"width"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#width"}},[t._v("#")]),t._v(" width")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("width")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("number")]),t._v(" | `${number}%`, "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("p",[t._v("Overrides the width of the image. Could be set in pixel by a number,\nor in percentage of current width of image by a string")]),t._v(" "),e("h4",{attrs:{id:"inherited-from-31"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-31"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/LabelTypeOptions.html"}},[t._v("LabelTypeOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/LabelTypeOptions.html#width"}},[t._v("width")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-32"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-32"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/a15dde6/types/label.d.ts#L78",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:78"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"xadjust"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#xadjust"}},[t._v("#")]),t._v(" xAdjust")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("xAdjust")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("number")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("p",[t._v("Adjustment along x-axis (left-right) of label relative to above number (can be negative)\nFor horizontal lines positioned left or right, negative values move\nthe label toward the edge, and positive values toward the center.")]),t._v(" "),e("p",[e("strong",[e("code",[t._v("Default")])])]),t._v(" "),e("p",[t._v("0")]),t._v(" "),e("h4",{attrs:{id:"inherited-from-32"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-32"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/LabelTypeOptions.html"}},[t._v("LabelTypeOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/LabelTypeOptions.html#xadjust"}},[t._v("xAdjust")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-33"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-33"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/a15dde6/types/label.d.ts#L62",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:62"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"xmax"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#xmax"}},[t._v("#")]),t._v(" xMax")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("xMax")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("RouterLink",{attrs:{to:"/api/#scalevalue"}},[e("code",[t._v("ScaleValue")])]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"inherited-from-33"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-33"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#xmax"}},[t._v("xMax")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-34"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-34"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/a15dde6/types/options.d.ts#L48",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:48"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"xmin"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#xmin"}},[t._v("#")]),t._v(" xMin")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("xMin")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("RouterLink",{attrs:{to:"/api/#scalevalue"}},[e("code",[t._v("ScaleValue")])]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"inherited-from-34"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-34"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#xmin"}},[t._v("xMin")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-35"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-35"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/a15dde6/types/options.d.ts#L49",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:49"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"xscaleid"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#xscaleid"}},[t._v("#")]),t._v(" xScaleID")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("xScaleID")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("string")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"inherited-from-35"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-35"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#xscaleid"}},[t._v("xScaleID")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-36"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-36"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/a15dde6/types/options.d.ts#L50",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:50"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"xvalue"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#xvalue"}},[t._v("#")]),t._v(" xValue")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("xValue")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("RouterLink",{attrs:{to:"/api/#scalevalue"}},[e("code",[t._v("ScaleValue")])]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"inherited-from-36"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-36"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/AnnotationPointCoordinates.html"}},[t._v("AnnotationPointCoordinates")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/AnnotationPointCoordinates.html#xvalue"}},[t._v("xValue")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-37"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-37"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/a15dde6/types/options.d.ts#L58",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:58"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"yadjust"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#yadjust"}},[t._v("#")]),t._v(" yAdjust")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("yAdjust")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("number")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("p",[t._v("Adjustment along y-axis (top-bottom) of label relative to above number (can be negative)\nFor vertical lines positioned top or bottom, negative values move\nthe label toward the edge, and positive values toward the center.")]),t._v(" "),e("p",[e("strong",[e("code",[t._v("Default")])])]),t._v(" "),e("p",[t._v("0")]),t._v(" "),e("h4",{attrs:{id:"inherited-from-37"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-37"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/LabelTypeOptions.html"}},[t._v("LabelTypeOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/LabelTypeOptions.html#yadjust"}},[t._v("yAdjust")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-38"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-38"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/a15dde6/types/label.d.ts#L69",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:69"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"ymax"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#ymax"}},[t._v("#")]),t._v(" yMax")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("yMax")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("RouterLink",{attrs:{to:"/api/#scalevalue"}},[e("code",[t._v("ScaleValue")])]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"inherited-from-38"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-38"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#ymax"}},[t._v("yMax")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-39"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-39"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/a15dde6/types/options.d.ts#L51",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:51"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"ymin"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#ymin"}},[t._v("#")]),t._v(" yMin")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("yMin")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("RouterLink",{attrs:{to:"/api/#scalevalue"}},[e("code",[t._v("ScaleValue")])]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"inherited-from-39"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-39"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#ymin"}},[t._v("yMin")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-40"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-40"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/a15dde6/types/options.d.ts#L52",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:52"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"yscaleid"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#yscaleid"}},[t._v("#")]),t._v(" yScaleID")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("yScaleID")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("string")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"inherited-from-40"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-40"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#yscaleid"}},[t._v("yScaleID")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-41"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-41"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/a15dde6/types/options.d.ts#L53",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:53"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"yvalue"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#yvalue"}},[t._v("#")]),t._v(" yValue")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("yValue")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("RouterLink",{attrs:{to:"/api/#scalevalue"}},[e("code",[t._v("ScaleValue")])]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"inherited-from-41"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-41"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/AnnotationPointCoordinates.html"}},[t._v("AnnotationPointCoordinates")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/AnnotationPointCoordinates.html#yvalue"}},[t._v("yValue")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-42"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-42"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/a15dde6/types/options.d.ts#L59",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:59"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"z"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#z"}},[t._v("#")]),t._v(" z")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("z")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("number")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"inherited-from-42"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-42"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/LabelTypeOptions.html"}},[t._v("LabelTypeOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/LabelTypeOptions.html#z"}},[t._v("z")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-43"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-43"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/a15dde6/types/options.d.ts#L54",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:54"),e("OutboundLink")],1)]),t._v(" "),e("h2",{attrs:{id:"methods"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#methods"}},[t._v("#")]),t._v(" Methods")]),t._v(" "),e("h3",{attrs:{id:"afterdraw"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#afterdraw"}},[t._v("#")]),t._v(" afterDraw")]),t._v(" "),e("p",[t._v("▸ "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("afterDraw")]),t._v("("),e("code",[t._v("context")]),t._v("): "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"parameters"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("context")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/interfaces/EventContext.html"}},[e("code",[t._v("EventContext")])])],1)])])]),t._v(" "),e("h4",{attrs:{id:"returns"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-43"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-43"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#afterdraw"}},[t._v("afterDraw")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-44"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-44"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/a15dde6/types/options.d.ts#L23",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:23"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"beforedraw"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#beforedraw"}},[t._v("#")]),t._v(" beforeDraw")]),t._v(" "),e("p",[t._v("▸ "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("beforeDraw")]),t._v("("),e("code",[t._v("context")]),t._v("): "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"parameters-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-2"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("context")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/interfaces/EventContext.html"}},[e("code",[t._v("EventContext")])])],1)])])]),t._v(" "),e("h4",{attrs:{id:"returns-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-2"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-44"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-44"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#beforedraw"}},[t._v("beforeDraw")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-45"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-45"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/a15dde6/types/options.d.ts#L22",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:22"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"click"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#click"}},[t._v("#")]),t._v(" click")]),t._v(" "),e("p",[t._v("▸ "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("click")]),t._v("("),e("code",[t._v("context")]),t._v(", "),e("code",[t._v("event")]),t._v("): "),e("code",[t._v("boolean")]),t._v(" | "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"parameters-3"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-3"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("context")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/interfaces/EventContext.html"}},[e("code",[t._v("EventContext")])])],1)]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("event")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("ChartEvent")])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-3"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-3"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("boolean")]),t._v(" | "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-45"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-45"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#click"}},[t._v("click")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-46"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-46"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/a15dde6/types/events.d.ts#L27",target:"_blank",rel:"noopener noreferrer"}},[t._v("events.d.ts:27"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"enter"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#enter"}},[t._v("#")]),t._v(" enter")]),t._v(" "),e("p",[t._v("▸ "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("enter")]),t._v("("),e("code",[t._v("context")]),t._v(", "),e("code",[t._v("event")]),t._v("): "),e("code",[t._v("boolean")]),t._v(" | "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"parameters-4"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-4"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("context")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/interfaces/EventContext.html"}},[e("code",[t._v("EventContext")])])],1)]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("event")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("ChartEvent")])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-4"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-4"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("boolean")]),t._v(" | "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-46"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-46"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#enter"}},[t._v("enter")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-47"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-47"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/a15dde6/types/events.d.ts#L25",target:"_blank",rel:"noopener noreferrer"}},[t._v("events.d.ts:25"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"leave"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#leave"}},[t._v("#")]),t._v(" leave")]),t._v(" "),e("p",[t._v("▸ "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("leave")]),t._v("("),e("code",[t._v("context")]),t._v(", "),e("code",[t._v("event")]),t._v("): "),e("code",[t._v("boolean")]),t._v(" | "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"parameters-5"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-5"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("context")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/interfaces/EventContext.html"}},[e("code",[t._v("EventContext")])])],1)]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("event")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("ChartEvent")])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-5"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-5"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("boolean")]),t._v(" | "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-47"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-47"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#leave"}},[t._v("leave")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-48"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-48"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/a15dde6/types/events.d.ts#L26",target:"_blank",rel:"noopener noreferrer"}},[t._v("events.d.ts:26"),e("OutboundLink")],1)])])}),[],!1,null,null,null);e.default=n.exports}}]); \ No newline at end of file diff --git a/master/assets/js/36.434804dc.js b/master/assets/js/36.ff0579ac.js similarity index 95% rename from master/assets/js/36.434804dc.js rename to master/assets/js/36.ff0579ac.js index 21724c32a..2334b1c55 100644 --- a/master/assets/js/36.434804dc.js +++ b/master/assets/js/36.ff0579ac.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[36],{447:function(t,e,a){"use strict";a.r(e);var r=a(4),n=Object(r.a)({},(function(){var t=this,e=t._self._c;return e("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[e("h1",{attrs:{id:"interface-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/456e46b/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/456e46b/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/456e46b/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/456e46b/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/456e46b/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/456e46b/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/456e46b/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/456e46b/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/456e46b/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/456e46b/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/456e46b/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/456e46b/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/456e46b/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/456e46b/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/456e46b/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/456e46b/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/456e46b/types/label.d.ts#L83",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:83"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"hittolerance"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#hittolerance"}},[t._v("#")]),t._v(" hitTolerance")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("hitTolerance")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("number")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"defined-in-18"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-18"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/456e46b/types/label.d.ts#L130",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:130"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"opacity"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#opacity"}},[t._v("#")]),t._v(" opacity")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("opacity")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("number")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("p",[t._v("Overrides the opacity of the image.")]),t._v(" "),e("h4",{attrs:{id:"inherited-from-17"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-17"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/ContainedLabelOptions.html"}},[t._v("ContainedLabelOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/ContainedLabelOptions.html#opacity"}},[t._v("opacity")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-19"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-19"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/456e46b/types/label.d.ts#L87",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:87"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"padding"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#padding"}},[t._v("#")]),t._v(" padding")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("padding")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("number")]),t._v(" | "),e("RouterLink",{attrs:{to:"/api/interfaces/LabelPadding.html"}},[e("code",[t._v("LabelPadding")])]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("p",[t._v("Padding of label")]),t._v(" "),e("p",[e("strong",[e("code",[t._v("Default")])])]),t._v(" "),e("p",[t._v("6")]),t._v(" "),e("h4",{attrs:{id:"inherited-from-18"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-18"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/ContainedLabelOptions.html"}},[t._v("ContainedLabelOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/ContainedLabelOptions.html#padding"}},[t._v("padding")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-20"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-20"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/456e46b/types/label.d.ts#L48",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:48"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"position"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#position"}},[t._v("#")]),t._v(" position")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("position")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("RouterLink",{attrs:{to:"/api/#labelposition"}},[e("code",[t._v("LabelPosition")])]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"defined-in-21"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-21"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/456e46b/types/label.d.ts#L124",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:124"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"rotation"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#rotation"}},[t._v("#")]),t._v(" rotation")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("rotation")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("number")]),t._v(" | "),e("code",[t._v('"auto"')]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("p",[t._v("Rotation of label, in degrees, or 'auto' to use the degrees of the line, default is 0")]),t._v(" "),e("p",[e("strong",[e("code",[t._v("Default")])])]),t._v(" "),e("p",[t._v("90")]),t._v(" "),e("h4",{attrs:{id:"defined-in-22"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-22"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/456e46b/types/label.d.ts#L135",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:135"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"shadowblur"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#shadowblur"}},[t._v("#")]),t._v(" shadowBlur")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("shadowBlur")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("number")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"inherited-from-19"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-19"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/ShadowOptions.html"}},[t._v("ShadowOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/ShadowOptions.html#shadowblur"}},[t._v("shadowBlur")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-23"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-23"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/456e46b/types/options.d.ts#L32",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:32"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"shadowoffsetx"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#shadowoffsetx"}},[t._v("#")]),t._v(" shadowOffsetX")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("shadowOffsetX")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("number")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"inherited-from-20"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-20"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/ShadowOptions.html"}},[t._v("ShadowOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/ShadowOptions.html#shadowoffsetx"}},[t._v("shadowOffsetX")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-24"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-24"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/456e46b/types/options.d.ts#L33",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:33"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"shadowoffsety"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#shadowoffsety"}},[t._v("#")]),t._v(" shadowOffsetY")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("shadowOffsetY")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("number")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"inherited-from-21"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-21"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/ShadowOptions.html"}},[t._v("ShadowOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/ShadowOptions.html#shadowoffsety"}},[t._v("shadowOffsetY")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-25"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-25"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/456e46b/types/options.d.ts#L34",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:34"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"textalign"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#textalign"}},[t._v("#")]),t._v(" textAlign")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("textAlign")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("RouterLink",{attrs:{to:"/api/#labeltextalign"}},[e("code",[t._v("LabelTextAlign")])]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("p",[t._v("Text alignment when the content of the label is multi-line.")]),t._v(" "),e("p",[e("strong",[e("code",[t._v("Default")])])]),t._v(" "),e("p",[t._v("'center'")]),t._v(" "),e("h4",{attrs:{id:"inherited-from-22"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-22"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/ContainedLabelOptions.html"}},[t._v("ContainedLabelOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/ContainedLabelOptions.html#textalign"}},[t._v("textAlign")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-26"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-26"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/456e46b/types/label.d.ts#L53",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:53"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"textstrokecolor"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#textstrokecolor"}},[t._v("#")]),t._v(" textStrokeColor")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("textStrokeColor")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("Color")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"inherited-from-23"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-23"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/ContainedLabelOptions.html"}},[t._v("ContainedLabelOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/ContainedLabelOptions.html#textstrokecolor"}},[t._v("textStrokeColor")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-27"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-27"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/456e46b/types/label.d.ts#L54",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:54"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"textstrokewidth"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#textstrokewidth"}},[t._v("#")]),t._v(" textStrokeWidth")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("textStrokeWidth")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("number")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"inherited-from-24"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-24"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/ContainedLabelOptions.html"}},[t._v("ContainedLabelOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/ContainedLabelOptions.html#textstrokewidth"}},[t._v("textStrokeWidth")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-28"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-28"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/456e46b/types/label.d.ts#L55",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:55"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"width"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#width"}},[t._v("#")]),t._v(" width")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("width")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("number")]),t._v(" | `${number}%`, "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("p",[t._v("Overrides the width of the image. Could be set in pixel by a number,\nor in percentage of current width of image by a string")]),t._v(" "),e("h4",{attrs:{id:"inherited-from-25"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-25"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/ContainedLabelOptions.html"}},[t._v("ContainedLabelOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/ContainedLabelOptions.html#width"}},[t._v("width")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-29"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-29"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/456e46b/types/label.d.ts#L78",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:78"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"xadjust"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#xadjust"}},[t._v("#")]),t._v(" xAdjust")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("xAdjust")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("number")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("p",[t._v("Adjustment along x-axis (left-right) of label relative to above number (can be negative)\nFor horizontal lines positioned left or right, negative values move\nthe label toward the edge, and positive values toward the center.")]),t._v(" "),e("p",[e("strong",[e("code",[t._v("Default")])])]),t._v(" "),e("p",[t._v("0")]),t._v(" "),e("h4",{attrs:{id:"inherited-from-26"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-26"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/ContainedLabelOptions.html"}},[t._v("ContainedLabelOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/ContainedLabelOptions.html#xadjust"}},[t._v("xAdjust")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-30"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-30"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/456e46b/types/label.d.ts#L62",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:62"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"yadjust"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#yadjust"}},[t._v("#")]),t._v(" yAdjust")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("yAdjust")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("number")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("p",[t._v("Adjustment along y-axis (top-bottom) of label relative to above number (can be negative)\nFor vertical lines positioned top or bottom, negative values move\nthe label toward the edge, and positive values toward the center.")]),t._v(" "),e("p",[e("strong",[e("code",[t._v("Default")])])]),t._v(" "),e("p",[t._v("0")]),t._v(" "),e("h4",{attrs:{id:"inherited-from-27"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-27"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/ContainedLabelOptions.html"}},[t._v("ContainedLabelOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/ContainedLabelOptions.html#yadjust"}},[t._v("yAdjust")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-31"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-31"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/456e46b/types/label.d.ts#L69",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:69"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"z"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#z"}},[t._v("#")]),t._v(" z")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("z")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("number")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"inherited-from-28"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-28"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/ContainedLabelOptions.html"}},[t._v("ContainedLabelOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/ContainedLabelOptions.html#z"}},[t._v("z")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-32"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-32"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/456e46b/types/label.d.ts#L88",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:88"),e("OutboundLink")],1)])])}),[],!1,null,null,null);e.default=n.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[36],{446:function(t,e,a){"use strict";a.r(e);var r=a(4),n=Object(r.a)({},(function(){var t=this,e=t._self._c;return e("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[e("h1",{attrs:{id:"interface-labeloptions"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#interface-labeloptions"}},[t._v("#")]),t._v(" Interface: LabelOptions")]),t._v(" "),e("h2",{attrs:{id:"hierarchy"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#hierarchy"}},[t._v("#")]),t._v(" Hierarchy")]),t._v(" "),e("ul",[e("li",[e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/ContainedLabelOptions.html"}},[e("code",[t._v("ContainedLabelOptions")])])],1)]),t._v(" "),e("li",[e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/ShadowOptions.html"}},[e("code",[t._v("ShadowOptions")])])],1),t._v(" "),e("p",[t._v("↳ "),e("strong",[e("code",[t._v("LabelOptions")])])])])]),t._v(" "),e("h2",{attrs:{id:"properties"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#properties"}},[t._v("#")]),t._v(" Properties")]),t._v(" "),e("h3",{attrs:{id:"backgroundcolor"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#backgroundcolor"}},[t._v("#")]),t._v(" backgroundColor")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("backgroundColor")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("Color")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"inherited-from"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/ContainedLabelOptions.html"}},[t._v("ContainedLabelOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/ContainedLabelOptions.html#backgroundcolor"}},[t._v("backgroundColor")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/a15dde6/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/a15dde6/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/a15dde6/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/a15dde6/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/a15dde6/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/a15dde6/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/a15dde6/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/a15dde6/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/a15dde6/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/a15dde6/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/a15dde6/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/a15dde6/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/a15dde6/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/a15dde6/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/a15dde6/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/a15dde6/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/a15dde6/types/label.d.ts#L83",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:83"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"hittolerance"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#hittolerance"}},[t._v("#")]),t._v(" hitTolerance")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("hitTolerance")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("number")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"defined-in-18"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-18"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/a15dde6/types/label.d.ts#L130",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:130"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"opacity"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#opacity"}},[t._v("#")]),t._v(" opacity")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("opacity")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("number")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("p",[t._v("Overrides the opacity of the image.")]),t._v(" "),e("h4",{attrs:{id:"inherited-from-17"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-17"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/ContainedLabelOptions.html"}},[t._v("ContainedLabelOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/ContainedLabelOptions.html#opacity"}},[t._v("opacity")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-19"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-19"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/a15dde6/types/label.d.ts#L87",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:87"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"padding"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#padding"}},[t._v("#")]),t._v(" padding")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("padding")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("number")]),t._v(" | "),e("RouterLink",{attrs:{to:"/api/interfaces/LabelPadding.html"}},[e("code",[t._v("LabelPadding")])]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("p",[t._v("Padding of label")]),t._v(" "),e("p",[e("strong",[e("code",[t._v("Default")])])]),t._v(" "),e("p",[t._v("6")]),t._v(" "),e("h4",{attrs:{id:"inherited-from-18"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-18"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/ContainedLabelOptions.html"}},[t._v("ContainedLabelOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/ContainedLabelOptions.html#padding"}},[t._v("padding")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-20"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-20"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/a15dde6/types/label.d.ts#L48",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:48"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"position"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#position"}},[t._v("#")]),t._v(" position")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("position")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("RouterLink",{attrs:{to:"/api/#labelposition"}},[e("code",[t._v("LabelPosition")])]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"defined-in-21"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-21"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/a15dde6/types/label.d.ts#L124",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:124"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"rotation"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#rotation"}},[t._v("#")]),t._v(" rotation")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("rotation")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("number")]),t._v(" | "),e("code",[t._v('"auto"')]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("p",[t._v("Rotation of label, in degrees, or 'auto' to use the degrees of the line, default is 0")]),t._v(" "),e("p",[e("strong",[e("code",[t._v("Default")])])]),t._v(" "),e("p",[t._v("90")]),t._v(" "),e("h4",{attrs:{id:"defined-in-22"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-22"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/a15dde6/types/label.d.ts#L135",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:135"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"shadowblur"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#shadowblur"}},[t._v("#")]),t._v(" shadowBlur")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("shadowBlur")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("number")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"inherited-from-19"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-19"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/ShadowOptions.html"}},[t._v("ShadowOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/ShadowOptions.html#shadowblur"}},[t._v("shadowBlur")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-23"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-23"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/a15dde6/types/options.d.ts#L32",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:32"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"shadowoffsetx"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#shadowoffsetx"}},[t._v("#")]),t._v(" shadowOffsetX")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("shadowOffsetX")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("number")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"inherited-from-20"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-20"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/ShadowOptions.html"}},[t._v("ShadowOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/ShadowOptions.html#shadowoffsetx"}},[t._v("shadowOffsetX")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-24"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-24"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/a15dde6/types/options.d.ts#L33",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:33"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"shadowoffsety"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#shadowoffsety"}},[t._v("#")]),t._v(" shadowOffsetY")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("shadowOffsetY")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("number")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"inherited-from-21"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-21"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/ShadowOptions.html"}},[t._v("ShadowOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/ShadowOptions.html#shadowoffsety"}},[t._v("shadowOffsetY")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-25"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-25"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/a15dde6/types/options.d.ts#L34",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:34"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"textalign"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#textalign"}},[t._v("#")]),t._v(" textAlign")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("textAlign")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("RouterLink",{attrs:{to:"/api/#labeltextalign"}},[e("code",[t._v("LabelTextAlign")])]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("p",[t._v("Text alignment when the content of the label is multi-line.")]),t._v(" "),e("p",[e("strong",[e("code",[t._v("Default")])])]),t._v(" "),e("p",[t._v("'center'")]),t._v(" "),e("h4",{attrs:{id:"inherited-from-22"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-22"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/ContainedLabelOptions.html"}},[t._v("ContainedLabelOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/ContainedLabelOptions.html#textalign"}},[t._v("textAlign")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-26"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-26"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/a15dde6/types/label.d.ts#L53",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:53"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"textstrokecolor"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#textstrokecolor"}},[t._v("#")]),t._v(" textStrokeColor")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("textStrokeColor")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("Color")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"inherited-from-23"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-23"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/ContainedLabelOptions.html"}},[t._v("ContainedLabelOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/ContainedLabelOptions.html#textstrokecolor"}},[t._v("textStrokeColor")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-27"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-27"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/a15dde6/types/label.d.ts#L54",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:54"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"textstrokewidth"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#textstrokewidth"}},[t._v("#")]),t._v(" textStrokeWidth")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("textStrokeWidth")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("number")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"inherited-from-24"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-24"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/ContainedLabelOptions.html"}},[t._v("ContainedLabelOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/ContainedLabelOptions.html#textstrokewidth"}},[t._v("textStrokeWidth")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-28"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-28"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/a15dde6/types/label.d.ts#L55",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:55"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"width"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#width"}},[t._v("#")]),t._v(" width")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("width")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("number")]),t._v(" | `${number}%`, "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("p",[t._v("Overrides the width of the image. Could be set in pixel by a number,\nor in percentage of current width of image by a string")]),t._v(" "),e("h4",{attrs:{id:"inherited-from-25"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-25"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/ContainedLabelOptions.html"}},[t._v("ContainedLabelOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/ContainedLabelOptions.html#width"}},[t._v("width")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-29"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-29"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/a15dde6/types/label.d.ts#L78",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:78"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"xadjust"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#xadjust"}},[t._v("#")]),t._v(" xAdjust")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("xAdjust")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("number")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("p",[t._v("Adjustment along x-axis (left-right) of label relative to above number (can be negative)\nFor horizontal lines positioned left or right, negative values move\nthe label toward the edge, and positive values toward the center.")]),t._v(" "),e("p",[e("strong",[e("code",[t._v("Default")])])]),t._v(" "),e("p",[t._v("0")]),t._v(" "),e("h4",{attrs:{id:"inherited-from-26"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-26"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/ContainedLabelOptions.html"}},[t._v("ContainedLabelOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/ContainedLabelOptions.html#xadjust"}},[t._v("xAdjust")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-30"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-30"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/a15dde6/types/label.d.ts#L62",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:62"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"yadjust"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#yadjust"}},[t._v("#")]),t._v(" yAdjust")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("yAdjust")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("number")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("p",[t._v("Adjustment along y-axis (top-bottom) of label relative to above number (can be negative)\nFor vertical lines positioned top or bottom, negative values move\nthe label toward the edge, and positive values toward the center.")]),t._v(" "),e("p",[e("strong",[e("code",[t._v("Default")])])]),t._v(" "),e("p",[t._v("0")]),t._v(" "),e("h4",{attrs:{id:"inherited-from-27"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-27"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/ContainedLabelOptions.html"}},[t._v("ContainedLabelOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/ContainedLabelOptions.html#yadjust"}},[t._v("yAdjust")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-31"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-31"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/a15dde6/types/label.d.ts#L69",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:69"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"z"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#z"}},[t._v("#")]),t._v(" z")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("z")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("number")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"inherited-from-28"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-28"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/ContainedLabelOptions.html"}},[t._v("ContainedLabelOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/ContainedLabelOptions.html#z"}},[t._v("z")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-32"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-32"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/a15dde6/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.538e6990.js b/master/assets/js/37.393ff827.js similarity index 89% rename from master/assets/js/37.538e6990.js rename to master/assets/js/37.393ff827.js index 85c4ba9d0..10dc0d96d 100644 --- a/master/assets/js/37.538e6990.js +++ b/master/assets/js/37.393ff827.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[37],{445:function(t,e,a){"use strict";a.r(e);var r=a(4),n=Object(r.a)({},(function(){var t=this,e=t._self._c;return e("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[e("h1",{attrs:{id:"interface-labelpadding"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#interface-labelpadding"}},[t._v("#")]),t._v(" Interface: LabelPadding")]),t._v(" "),e("h2",{attrs:{id:"properties"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#properties"}},[t._v("#")]),t._v(" Properties")]),t._v(" "),e("h3",{attrs:{id:"bottom"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#bottom"}},[t._v("#")]),t._v(" bottom")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("bottom")]),t._v(": "),e("code",[t._v("number")])]),t._v(" "),e("h4",{attrs:{id:"defined-in"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/456e46b/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/456e46b/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/456e46b/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/456e46b/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/456e46b/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/456e46b/types/label.d.ts#L23",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:23"),e("OutboundLink")],1)])])}),[],!1,null,null,null);e.default=n.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[37],{447:function(t,e,a){"use strict";a.r(e);var r=a(4),n=Object(r.a)({},(function(){var t=this,e=t._self._c;return e("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[e("h1",{attrs:{id:"interface-labelpadding"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#interface-labelpadding"}},[t._v("#")]),t._v(" Interface: LabelPadding")]),t._v(" "),e("h2",{attrs:{id:"properties"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#properties"}},[t._v("#")]),t._v(" Properties")]),t._v(" "),e("h3",{attrs:{id:"bottom"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#bottom"}},[t._v("#")]),t._v(" bottom")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("bottom")]),t._v(": "),e("code",[t._v("number")])]),t._v(" "),e("h4",{attrs:{id:"defined-in"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/a15dde6/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/a15dde6/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/a15dde6/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/a15dde6/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/a15dde6/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/a15dde6/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.9f8c0928.js b/master/assets/js/38.a8f13f6d.js similarity index 93% rename from master/assets/js/38.9f8c0928.js rename to master/assets/js/38.a8f13f6d.js index ca8a3a8c1..aa20ac8ed 100644 --- a/master/assets/js/38.9f8c0928.js +++ b/master/assets/js/38.a8f13f6d.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[38],{448:function(t,e,a){"use strict";a.r(e);var r=a(4),s=Object(r.a)({},(function(){var t=this,e=t._self._c;return e("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[e("h1",{attrs:{id:"interface-labelpositionobject"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#interface-labelpositionobject"}},[t._v("#")]),t._v(" Interface: LabelPositionObject")]),t._v(" "),e("h2",{attrs:{id:"properties"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#properties"}},[t._v("#")]),t._v(" Properties")]),t._v(" "),e("h3",{attrs:{id:"x"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#x"}},[t._v("#")]),t._v(" x")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("x")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#labelposition"}},[e("code",[t._v("LabelPosition")])])],1),t._v(" "),e("h4",{attrs:{id:"defined-in"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/456e46b/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/456e46b/types/label.d.ts#L14",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:14"),e("OutboundLink")],1)])])}),[],!1,null,null,null);e.default=s.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[38],{448:function(t,e,a){"use strict";a.r(e);var r=a(4),s=Object(r.a)({},(function(){var t=this,e=t._self._c;return e("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[e("h1",{attrs:{id:"interface-labelpositionobject"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#interface-labelpositionobject"}},[t._v("#")]),t._v(" Interface: LabelPositionObject")]),t._v(" "),e("h2",{attrs:{id:"properties"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#properties"}},[t._v("#")]),t._v(" Properties")]),t._v(" "),e("h3",{attrs:{id:"x"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#x"}},[t._v("#")]),t._v(" x")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("x")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#labelposition"}},[e("code",[t._v("LabelPosition")])])],1),t._v(" "),e("h4",{attrs:{id:"defined-in"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/a15dde6/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/a15dde6/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.ba929975.js b/master/assets/js/39.f38f5723.js similarity index 95% rename from master/assets/js/39.ba929975.js rename to master/assets/js/39.f38f5723.js index 0f003c060..20acf519a 100644 --- a/master/assets/js/39.ba929975.js +++ b/master/assets/js/39.f38f5723.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/456e46b/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/456e46b/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/456e46b/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/456e46b/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/456e46b/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/456e46b/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/456e46b/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/456e46b/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/456e46b/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/456e46b/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/456e46b/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/456e46b/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/456e46b/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/456e46b/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/456e46b/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/456e46b/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/456e46b/types/label.d.ts#L150",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:150"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"textalign"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#textalign"}},[t._v("#")]),t._v(" textAlign")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("textAlign")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("RouterLink",{attrs:{to:"/api/#labeltextalign"}},[e("code",[t._v("LabelTextAlign")])]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("p",[t._v("Text alignment when the content of the label is multi-line.")]),t._v(" "),e("p",[e("strong",[e("code",[t._v("Default")])])]),t._v(" "),e("p",[t._v("'center'")]),t._v(" "),e("h4",{attrs:{id:"inherited-from-17"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-17"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/ContainedLabelOptions.html"}},[t._v("ContainedLabelOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/ContainedLabelOptions.html#textalign"}},[t._v("textAlign")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-18"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-18"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/456e46b/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/456e46b/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/456e46b/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/456e46b/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/456e46b/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/456e46b/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/456e46b/types/label.d.ts#L88",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:88"),e("OutboundLink")],1)])])}),[],!1,null,null,null);e.default=n.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[39],{449:function(t,e,a){"use strict";a.r(e);var r=a(4),n=Object(r.a)({},(function(){var t=this,e=t._self._c;return e("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[e("h1",{attrs:{id:"interface-labeltypeoptions"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#interface-labeltypeoptions"}},[t._v("#")]),t._v(" Interface: LabelTypeOptions")]),t._v(" "),e("h2",{attrs:{id:"hierarchy"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#hierarchy"}},[t._v("#")]),t._v(" Hierarchy")]),t._v(" "),e("ul",[e("li",[e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/ContainedLabelOptions.html"}},[e("code",[t._v("ContainedLabelOptions")])])],1),t._v(" "),e("p",[t._v("↳ "),e("strong",[e("code",[t._v("LabelTypeOptions")])])]),t._v(" "),e("p",[t._v("↳↳ "),e("RouterLink",{attrs:{to:"/api/interfaces/LabelAnnotationOptions.html"}},[e("code",[t._v("LabelAnnotationOptions")])])],1)])]),t._v(" "),e("h2",{attrs:{id:"properties"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#properties"}},[t._v("#")]),t._v(" Properties")]),t._v(" "),e("h3",{attrs:{id:"backgroundcolor"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#backgroundcolor"}},[t._v("#")]),t._v(" backgroundColor")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("backgroundColor")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("Color")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"inherited-from"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/ContainedLabelOptions.html"}},[t._v("ContainedLabelOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/ContainedLabelOptions.html#backgroundcolor"}},[t._v("backgroundColor")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/a15dde6/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/a15dde6/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/a15dde6/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/a15dde6/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/a15dde6/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/a15dde6/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/a15dde6/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/a15dde6/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/a15dde6/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/a15dde6/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/a15dde6/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/a15dde6/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/a15dde6/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/a15dde6/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/a15dde6/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/a15dde6/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/a15dde6/types/label.d.ts#L150",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:150"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"textalign"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#textalign"}},[t._v("#")]),t._v(" textAlign")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("textAlign")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("RouterLink",{attrs:{to:"/api/#labeltextalign"}},[e("code",[t._v("LabelTextAlign")])]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("p",[t._v("Text alignment when the content of the label is multi-line.")]),t._v(" "),e("p",[e("strong",[e("code",[t._v("Default")])])]),t._v(" "),e("p",[t._v("'center'")]),t._v(" "),e("h4",{attrs:{id:"inherited-from-17"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-17"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/ContainedLabelOptions.html"}},[t._v("ContainedLabelOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/ContainedLabelOptions.html#textalign"}},[t._v("textAlign")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-18"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-18"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/a15dde6/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/a15dde6/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/a15dde6/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/a15dde6/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/a15dde6/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/a15dde6/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/a15dde6/types/label.d.ts#L88",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:88"),e("OutboundLink")],1)])])}),[],!1,null,null,null);e.default=n.exports}}]); \ No newline at end of file diff --git a/master/assets/js/4.e722a4b5.js b/master/assets/js/4.c790f343.js similarity index 99% rename from master/assets/js/4.e722a4b5.js rename to master/assets/js/4.c790f343.js index 043b0c5f4..c886bd642 100644 --- a/master/assets/js/4.e722a4b5.js +++ b/master/assets/js/4.c790f343.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[4],{261:function(t,e,a){t.exports=a.p+"assets/img/elementBoxProps.645c7c00.png"},262:function(t,e,a){t.exports=a.p+"assets/img/elementEllipseProps.ef1b550b.png"},263:function(t,e,a){t.exports=a.p+"assets/img/elementLabelProps.97ea168e.png"},264:function(t,e,a){t.exports=a.p+"assets/img/elementLineProps.67f9d0c4.png"},265:function(t,e,a){t.exports=a.p+"assets/img/elementPointProps.de8e50cf.png"},266:function(t,e,a){t.exports=a.p+"assets/img/elementPolygonProps.67d2feff.png"},462:function(t,e,a){"use strict";a.r(e);var n=a(4),o=Object(n.a)({},(function(){var t=this,e=t._self._c;return e("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[e("h1",{attrs:{id:"_2-x-migration-guide"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#_2-x-migration-guide"}},[t._v("#")]),t._v(" 2.x Migration Guide")]),t._v(" "),e("p",[e("strong",[e("code",[t._v("chartjs-plugin-annotation")])]),t._v(" plugin version 2 introduces a number of breaking changes. In order to improve performance, offer new features, and improve maintainability, it was necessary to break backwards compatibility, but we aimed to do so only when worth the benefit.")]),t._v(" "),e("h2",{attrs:{id:"chart-js-version"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#chart-js-version"}},[t._v("#")]),t._v(" Chart.js version")]),t._v(" "),e("p",[t._v("The annotation plugin requires at least version 3.7.0 to work because of some bug fixes that happened within chart.js itself.")]),t._v(" "),e("h2",{attrs:{id:"options"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#options"}},[t._v("#")]),t._v(" Options")]),t._v(" "),e("p",[t._v("A number of changes were made to the configuration options passed to the plugin configuration. Those changes are documented below.")]),t._v(" "),e("ul",[e("li",[e("code",[t._v("xScaleID")]),t._v(" option default has been changed, now set to "),e("code",[t._v("undefined")]),t._v(". If the option is missing, the plugin will try to use the first scale of the chart, configured as "),e("code",[t._v("'x'")]),t._v(" axis. If more than one scale has been defined in the chart as "),e("code",[t._v("'x'")]),t._v(" axis, the option is mandatory to select the right scale.")]),t._v(" "),e("li",[e("code",[t._v("yScaleID")]),t._v(" option default has been changed, now set to "),e("code",[t._v("undefined")]),t._v(". If the option is missing, the plugin will try to use the first scale of the chart, configured as "),e("code",[t._v("'y'")]),t._v(" axis. If more than one scale has been defined in the chart as "),e("code",[t._v("'y'")]),t._v(" axis, the option is mandatory to select the right scale.")]),t._v(" "),e("li",[t._v("When "),e("a",{attrs:{href:"https://www.chartjs.org/docs/latest/axes/cartesian/#common-options-to-all-cartesian-axes",target:"_blank",rel:"noopener noreferrer"}},[t._v("stacked scales"),e("OutboundLink")],1),t._v(" are used, instead of the whole chart area, the designated scale area is used as fallback for "),e("code",[t._v("xMin")]),t._v(", "),e("code",[t._v("xMax")]),t._v(", "),e("code",[t._v("yMin")]),t._v(", "),e("code",[t._v("yMax")]),t._v(", "),e("code",[t._v("xValue")]),t._v(" or "),e("code",[t._v("yValue")]),t._v(" options.")]),t._v(" "),e("li",[e("code",[t._v("position")]),t._v(" for the label of the line annotation changes the behavior when "),e("code",[t._v("start")]),t._v(" or "),e("code",[t._v("end")]),t._v(" is set, and when the line annotation location is defined by "),e("code",[t._v("xMin")]),t._v(", "),e("code",[t._v("xMax")]),t._v(", "),e("code",[t._v("yMin")]),t._v(", and "),e("code",[t._v("yMax")]),t._v(" options.\n"),e("ul",[e("li",[t._v("in the previous version 1.x, if the "),e("code",[t._v("position")]),t._v(" was set to "),e("code",[t._v("start")]),t._v(" or "),e("code",[t._v("end")]),t._v(", it was calculated using chart area dimension (when "),e("code",[t._v("start")]),t._v(" using "),e("code",[t._v("top")]),t._v(" or "),e("code",[t._v("left")]),t._v(", when "),e("code",[t._v("end")]),t._v(" using "),e("code",[t._v("bottom")]),t._v(" or "),e("code",[t._v("right")]),t._v(").")]),t._v(" "),e("li",[t._v("in version 2.x, if the "),e("code",[t._v("position")]),t._v(" is set to "),e("code",[t._v("start")]),t._v(", it is the point where the line starts being drawn, and when set to "),e("code",[t._v("end")]),t._v(", it is the point where the line ends drawing. The "),e("code",[t._v("xMin")]),t._v(", "),e("code",[t._v("xMax")]),t._v(", "),e("code",[t._v("yMin")]),t._v(", and "),e("code",[t._v("yMax")]),t._v(" options are not related to the chart area anymore but are related to the values sequence (and their order) on the associated scale.")])])]),t._v(" "),e("li",[e("code",[t._v("cornerRadius")]),t._v(" option was replaced by "),e("code",[t._v("borderRadius")]),t._v(" in the box annotation configuration and in the label configuration of line annotation to align with Chart.js options.")]),t._v(" "),e("li",[e("code",[t._v("xPadding")]),t._v(" and "),e("code",[t._v("yPadding")]),t._v(" options were merged into a single "),e("code",[t._v("padding")]),t._v(" object in the label configuration of line annotation to align with Chart.js options.")]),t._v(" "),e("li",[e("code",[t._v("enabled")]),t._v(" option was replaced by "),e("code",[t._v("display")]),t._v(" in the callout configuration of label annotation, in the label configuration of line and box annotations and in the arrow heads configuration of line annotation to have the same option on all elements.")]),t._v(" "),e("li",[e("code",[t._v("dblClickSpeed")]),t._v(" option was removed from the plugin options because "),e("code",[t._v("dblclick")]),t._v(" event hook is not available anymore.")]),t._v(" "),e("li",[e("code",[t._v("drawTime")]),t._v(" option at top level plugin configuration is moved to new "),e("code",[t._v("common")]),t._v(" object in the plugin annotation options, which contains options to apply to all annotations:")])]),t._v(" "),e("div",{staticClass:"language-javascript extra-class"},[e("pre",{pre:!0,attrs:{class:"language-javascript"}},[e("code",[e("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("plugins")]),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("annotation")]),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("common")]),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("drawTime")]),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token string"}},[t._v("'afterDraw'")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("annotations")]),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v("...")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n"),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n")])])]),e("h2",{attrs:{id:"elements"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#elements"}},[t._v("#")]),t._v(" Elements")]),t._v(" "),e("p",[t._v("In "),e("code",[t._v("chartjs-plugin-annotation")]),t._v(" plugin version 2 the label of box and line annotations is a sub-element. This has changed how to access to the label options. Now the label options are at "),e("code",[t._v("element.label.options")]),t._v(". The following example shows how to show and hide the label when the mouse is hovering the box:")]),t._v(" "),e("div",{staticClass:"language-javascript extra-class"},[e("pre",{pre:!0,attrs:{class:"language-javascript"}},[e("code",[e("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("type")]),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token string"}},[t._v("'box'")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// or 'line'")]),t._v("\n"),e("span",{pre:!0,attrs:{class:"token function-variable function"}},[t._v("enter")]),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("function")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),e("span",{pre:!0,attrs:{class:"token parameter"}},[e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("element"),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")])]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n element"),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("label"),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("options"),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("display "),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("true")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("return")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("true")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n"),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n"),e("span",{pre:!0,attrs:{class:"token function-variable function"}},[t._v("leave")]),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("function")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),e("span",{pre:!0,attrs:{class:"token parameter"}},[e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("element"),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")])]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n element"),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("label"),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("options"),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("display "),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("false")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("return")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("true")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n"),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n")])])]),e("p",[e("code",[t._v("chartjs-plugin-annotation")]),t._v(" plugin version 2 removes the clipping of the label to the box annotation size.")]),t._v(" "),e("p",[e("code",[t._v("chartjs-plugin-annotation")]),t._v(" plugin version 2 hides the following methods in the "),e("code",[t._v("line")]),t._v(" annotation element because they should be used only internally:")]),t._v(" "),e("ul",[e("li",[e("code",[t._v("intersects")])]),t._v(" "),e("li",[e("code",[t._v("isOnLabel")])])]),t._v(" "),e("p",[e("code",[t._v("chartjs-plugin-annotation")]),t._v(" plugin version 2 normalizes the properties of the annotation elements in order to be based on common box model.")]),t._v(" "),e("h4",{attrs:{id:"box-annotation"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#box-annotation"}},[t._v("#")]),t._v(" Box annotation")]),t._v(" "),e("p",[t._v("The following diagram is showing the element properties about a "),e("code",[t._v("'box'")]),t._v(" annotation:")]),t._v(" "),e("p",[e("img",{attrs:{src:a(261),alt:"box"}})]),t._v(" "),e("p",[t._v("The label of a box annotation is described as a "),e("a",{attrs:{href:"#label-annotation"}},[t._v("label annotation")]),t._v(" and accessible by "),e("code",[t._v("element.label")]),t._v(".")]),t._v(" "),e("h4",{attrs:{id:"ellipse-annotation"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#ellipse-annotation"}},[t._v("#")]),t._v(" Ellipse annotation")]),t._v(" "),e("p",[t._v("The following diagram is showing the element properties about a "),e("code",[t._v("'ellipse'")]),t._v(" annotation:")]),t._v(" "),e("p",[e("img",{attrs:{src:a(262),alt:"ellipse"}})]),t._v(" "),e("h4",{attrs:{id:"label-annotation"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#label-annotation"}},[t._v("#")]),t._v(" Label annotation")]),t._v(" "),e("p",[t._v("The following diagram is showing the element properties about a "),e("code",[t._v("'label'")]),t._v(" annotation:")]),t._v(" "),e("p",[e("img",{attrs:{src:a(263),alt:"label"}})]),t._v(" "),e("h4",{attrs:{id:"line-annotation"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#line-annotation"}},[t._v("#")]),t._v(" Line annotation")]),t._v(" "),e("p",[t._v("The following diagram is showing the element properties about a "),e("code",[t._v("'line'")]),t._v(" annotation:")]),t._v(" "),e("p",[e("img",{attrs:{src:a(264),alt:"line"}})]),t._v(" "),e("p",[t._v("The label of a line annotation is described as a "),e("a",{attrs:{href:"#label-annotation"}},[t._v("label annotation")]),t._v(" and accessible by "),e("code",[t._v("element.label")]),t._v(".")]),t._v(" "),e("h4",{attrs:{id:"point-annotation"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#point-annotation"}},[t._v("#")]),t._v(" Point annotation")]),t._v(" "),e("p",[t._v("The following diagram is showing the element properties about a "),e("code",[t._v("'point'")]),t._v(" annotation:")]),t._v(" "),e("p",[e("img",{attrs:{src:a(265),alt:"point"}})]),t._v(" "),e("h4",{attrs:{id:"polygon-annotation"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#polygon-annotation"}},[t._v("#")]),t._v(" Polygon annotation")]),t._v(" "),e("p",[t._v("The following diagram is showing the element properties about a "),e("code",[t._v("'polygon'")]),t._v(" annotation:")]),t._v(" "),e("p",[e("img",{attrs:{src:a(266),alt:"polygon"}})]),t._v(" "),e("h2",{attrs:{id:"events"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#events"}},[t._v("#")]),t._v(" Events")]),t._v(" "),e("p",[e("code",[t._v("chartjs-plugin-annotation")]),t._v(" plugin version 2 introduces the "),e("RouterLink",{attrs:{to:"/guide/options.html#interaction"}},[e("code",[t._v("interaction")])]),t._v(" options, to configure which events trigger annotation interactions. By default, the plugin uses the "),e("a",{attrs:{href:"https://www.chartjs.org/docs/latest/configuration/interactions.html#interactions",target:"_blank",rel:"noopener noreferrer"}},[t._v("chart interaction configuration"),e("OutboundLink")],1),t._v(".")],1),t._v(" "),e("ul",[e("li",[t._v("When "),e("a",{attrs:{href:"https://www.chartjs.org/docs/latest/charts/scatter.html",target:"_blank",rel:"noopener noreferrer"}},[t._v("scatter charts"),e("OutboundLink")],1),t._v(" are used, the interaction default "),e("code",[t._v("mode")]),t._v(" in Chart.js is "),e("code",[t._v("point")]),t._v(", while, in the previous plugin version, the default was "),e("code",[t._v("nearest")]),t._v(".")])]),t._v(" "),e("p",[t._v("The "),e("code",[t._v("dblclick")]),t._v(" event hook was removed from annotations options because, being executed asynchronously, it can not enable the chart re-rendering, automatically after processing the event completely. This is important when the user requires re-draws. It gets slow and messy if every event hook does the draw (or update!).")]),t._v(" "),e("h2",{attrs:{id:"types"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#types"}},[t._v("#")]),t._v(" Types")]),t._v(" "),e("p",[e("code",[t._v("chartjs-plugin-annotation")]),t._v(" plugin version 2 removes the compatibility with TypeScript versions less than 4.1 which is the minimum supported one.")])])}),[],!1,null,null,null);e.default=o.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[4],{261:function(t,e,a){t.exports=a.p+"assets/img/elementBoxProps.645c7c00.png"},262:function(t,e,a){t.exports=a.p+"assets/img/elementEllipseProps.ef1b550b.png"},263:function(t,e,a){t.exports=a.p+"assets/img/elementLabelProps.97ea168e.png"},264:function(t,e,a){t.exports=a.p+"assets/img/elementLineProps.67f9d0c4.png"},265:function(t,e,a){t.exports=a.p+"assets/img/elementPointProps.de8e50cf.png"},266:function(t,e,a){t.exports=a.p+"assets/img/elementPolygonProps.67d2feff.png"},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:"_2-x-migration-guide"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#_2-x-migration-guide"}},[t._v("#")]),t._v(" 2.x Migration Guide")]),t._v(" "),e("p",[e("strong",[e("code",[t._v("chartjs-plugin-annotation")])]),t._v(" plugin version 2 introduces a number of breaking changes. In order to improve performance, offer new features, and improve maintainability, it was necessary to break backwards compatibility, but we aimed to do so only when worth the benefit.")]),t._v(" "),e("h2",{attrs:{id:"chart-js-version"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#chart-js-version"}},[t._v("#")]),t._v(" Chart.js version")]),t._v(" "),e("p",[t._v("The annotation plugin requires at least version 3.7.0 to work because of some bug fixes that happened within chart.js itself.")]),t._v(" "),e("h2",{attrs:{id:"options"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#options"}},[t._v("#")]),t._v(" Options")]),t._v(" "),e("p",[t._v("A number of changes were made to the configuration options passed to the plugin configuration. Those changes are documented below.")]),t._v(" "),e("ul",[e("li",[e("code",[t._v("xScaleID")]),t._v(" option default has been changed, now set to "),e("code",[t._v("undefined")]),t._v(". If the option is missing, the plugin will try to use the first scale of the chart, configured as "),e("code",[t._v("'x'")]),t._v(" axis. If more than one scale has been defined in the chart as "),e("code",[t._v("'x'")]),t._v(" axis, the option is mandatory to select the right scale.")]),t._v(" "),e("li",[e("code",[t._v("yScaleID")]),t._v(" option default has been changed, now set to "),e("code",[t._v("undefined")]),t._v(". If the option is missing, the plugin will try to use the first scale of the chart, configured as "),e("code",[t._v("'y'")]),t._v(" axis. If more than one scale has been defined in the chart as "),e("code",[t._v("'y'")]),t._v(" axis, the option is mandatory to select the right scale.")]),t._v(" "),e("li",[t._v("When "),e("a",{attrs:{href:"https://www.chartjs.org/docs/latest/axes/cartesian/#common-options-to-all-cartesian-axes",target:"_blank",rel:"noopener noreferrer"}},[t._v("stacked scales"),e("OutboundLink")],1),t._v(" are used, instead of the whole chart area, the designated scale area is used as fallback for "),e("code",[t._v("xMin")]),t._v(", "),e("code",[t._v("xMax")]),t._v(", "),e("code",[t._v("yMin")]),t._v(", "),e("code",[t._v("yMax")]),t._v(", "),e("code",[t._v("xValue")]),t._v(" or "),e("code",[t._v("yValue")]),t._v(" options.")]),t._v(" "),e("li",[e("code",[t._v("position")]),t._v(" for the label of the line annotation changes the behavior when "),e("code",[t._v("start")]),t._v(" or "),e("code",[t._v("end")]),t._v(" is set, and when the line annotation location is defined by "),e("code",[t._v("xMin")]),t._v(", "),e("code",[t._v("xMax")]),t._v(", "),e("code",[t._v("yMin")]),t._v(", and "),e("code",[t._v("yMax")]),t._v(" options.\n"),e("ul",[e("li",[t._v("in the previous version 1.x, if the "),e("code",[t._v("position")]),t._v(" was set to "),e("code",[t._v("start")]),t._v(" or "),e("code",[t._v("end")]),t._v(", it was calculated using chart area dimension (when "),e("code",[t._v("start")]),t._v(" using "),e("code",[t._v("top")]),t._v(" or "),e("code",[t._v("left")]),t._v(", when "),e("code",[t._v("end")]),t._v(" using "),e("code",[t._v("bottom")]),t._v(" or "),e("code",[t._v("right")]),t._v(").")]),t._v(" "),e("li",[t._v("in version 2.x, if the "),e("code",[t._v("position")]),t._v(" is set to "),e("code",[t._v("start")]),t._v(", it is the point where the line starts being drawn, and when set to "),e("code",[t._v("end")]),t._v(", it is the point where the line ends drawing. The "),e("code",[t._v("xMin")]),t._v(", "),e("code",[t._v("xMax")]),t._v(", "),e("code",[t._v("yMin")]),t._v(", and "),e("code",[t._v("yMax")]),t._v(" options are not related to the chart area anymore but are related to the values sequence (and their order) on the associated scale.")])])]),t._v(" "),e("li",[e("code",[t._v("cornerRadius")]),t._v(" option was replaced by "),e("code",[t._v("borderRadius")]),t._v(" in the box annotation configuration and in the label configuration of line annotation to align with Chart.js options.")]),t._v(" "),e("li",[e("code",[t._v("xPadding")]),t._v(" and "),e("code",[t._v("yPadding")]),t._v(" options were merged into a single "),e("code",[t._v("padding")]),t._v(" object in the label configuration of line annotation to align with Chart.js options.")]),t._v(" "),e("li",[e("code",[t._v("enabled")]),t._v(" option was replaced by "),e("code",[t._v("display")]),t._v(" in the callout configuration of label annotation, in the label configuration of line and box annotations and in the arrow heads configuration of line annotation to have the same option on all elements.")]),t._v(" "),e("li",[e("code",[t._v("dblClickSpeed")]),t._v(" option was removed from the plugin options because "),e("code",[t._v("dblclick")]),t._v(" event hook is not available anymore.")]),t._v(" "),e("li",[e("code",[t._v("drawTime")]),t._v(" option at top level plugin configuration is moved to new "),e("code",[t._v("common")]),t._v(" object in the plugin annotation options, which contains options to apply to all annotations:")])]),t._v(" "),e("div",{staticClass:"language-javascript extra-class"},[e("pre",{pre:!0,attrs:{class:"language-javascript"}},[e("code",[e("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("plugins")]),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("annotation")]),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("common")]),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("drawTime")]),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token string"}},[t._v("'afterDraw'")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("annotations")]),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v("...")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n"),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n")])])]),e("h2",{attrs:{id:"elements"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#elements"}},[t._v("#")]),t._v(" Elements")]),t._v(" "),e("p",[t._v("In "),e("code",[t._v("chartjs-plugin-annotation")]),t._v(" plugin version 2 the label of box and line annotations is a sub-element. This has changed how to access to the label options. Now the label options are at "),e("code",[t._v("element.label.options")]),t._v(". The following example shows how to show and hide the label when the mouse is hovering the box:")]),t._v(" "),e("div",{staticClass:"language-javascript extra-class"},[e("pre",{pre:!0,attrs:{class:"language-javascript"}},[e("code",[e("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("type")]),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token string"}},[t._v("'box'")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// or 'line'")]),t._v("\n"),e("span",{pre:!0,attrs:{class:"token function-variable function"}},[t._v("enter")]),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("function")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),e("span",{pre:!0,attrs:{class:"token parameter"}},[e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("element"),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")])]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n element"),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("label"),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("options"),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("display "),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("true")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("return")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("true")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n"),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n"),e("span",{pre:!0,attrs:{class:"token function-variable function"}},[t._v("leave")]),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("function")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),e("span",{pre:!0,attrs:{class:"token parameter"}},[e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("element"),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")])]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n element"),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("label"),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("options"),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("display "),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("false")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("return")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("true")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n"),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n")])])]),e("p",[e("code",[t._v("chartjs-plugin-annotation")]),t._v(" plugin version 2 removes the clipping of the label to the box annotation size.")]),t._v(" "),e("p",[e("code",[t._v("chartjs-plugin-annotation")]),t._v(" plugin version 2 hides the following methods in the "),e("code",[t._v("line")]),t._v(" annotation element because they should be used only internally:")]),t._v(" "),e("ul",[e("li",[e("code",[t._v("intersects")])]),t._v(" "),e("li",[e("code",[t._v("isOnLabel")])])]),t._v(" "),e("p",[e("code",[t._v("chartjs-plugin-annotation")]),t._v(" plugin version 2 normalizes the properties of the annotation elements in order to be based on common box model.")]),t._v(" "),e("h4",{attrs:{id:"box-annotation"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#box-annotation"}},[t._v("#")]),t._v(" Box annotation")]),t._v(" "),e("p",[t._v("The following diagram is showing the element properties about a "),e("code",[t._v("'box'")]),t._v(" annotation:")]),t._v(" "),e("p",[e("img",{attrs:{src:a(261),alt:"box"}})]),t._v(" "),e("p",[t._v("The label of a box annotation is described as a "),e("a",{attrs:{href:"#label-annotation"}},[t._v("label annotation")]),t._v(" and accessible by "),e("code",[t._v("element.label")]),t._v(".")]),t._v(" "),e("h4",{attrs:{id:"ellipse-annotation"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#ellipse-annotation"}},[t._v("#")]),t._v(" Ellipse annotation")]),t._v(" "),e("p",[t._v("The following diagram is showing the element properties about a "),e("code",[t._v("'ellipse'")]),t._v(" annotation:")]),t._v(" "),e("p",[e("img",{attrs:{src:a(262),alt:"ellipse"}})]),t._v(" "),e("h4",{attrs:{id:"label-annotation"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#label-annotation"}},[t._v("#")]),t._v(" Label annotation")]),t._v(" "),e("p",[t._v("The following diagram is showing the element properties about a "),e("code",[t._v("'label'")]),t._v(" annotation:")]),t._v(" "),e("p",[e("img",{attrs:{src:a(263),alt:"label"}})]),t._v(" "),e("h4",{attrs:{id:"line-annotation"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#line-annotation"}},[t._v("#")]),t._v(" Line annotation")]),t._v(" "),e("p",[t._v("The following diagram is showing the element properties about a "),e("code",[t._v("'line'")]),t._v(" annotation:")]),t._v(" "),e("p",[e("img",{attrs:{src:a(264),alt:"line"}})]),t._v(" "),e("p",[t._v("The label of a line annotation is described as a "),e("a",{attrs:{href:"#label-annotation"}},[t._v("label annotation")]),t._v(" and accessible by "),e("code",[t._v("element.label")]),t._v(".")]),t._v(" "),e("h4",{attrs:{id:"point-annotation"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#point-annotation"}},[t._v("#")]),t._v(" Point annotation")]),t._v(" "),e("p",[t._v("The following diagram is showing the element properties about a "),e("code",[t._v("'point'")]),t._v(" annotation:")]),t._v(" "),e("p",[e("img",{attrs:{src:a(265),alt:"point"}})]),t._v(" "),e("h4",{attrs:{id:"polygon-annotation"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#polygon-annotation"}},[t._v("#")]),t._v(" Polygon annotation")]),t._v(" "),e("p",[t._v("The following diagram is showing the element properties about a "),e("code",[t._v("'polygon'")]),t._v(" annotation:")]),t._v(" "),e("p",[e("img",{attrs:{src:a(266),alt:"polygon"}})]),t._v(" "),e("h2",{attrs:{id:"events"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#events"}},[t._v("#")]),t._v(" Events")]),t._v(" "),e("p",[e("code",[t._v("chartjs-plugin-annotation")]),t._v(" plugin version 2 introduces the "),e("RouterLink",{attrs:{to:"/guide/options.html#interaction"}},[e("code",[t._v("interaction")])]),t._v(" options, to configure which events trigger annotation interactions. By default, the plugin uses the "),e("a",{attrs:{href:"https://www.chartjs.org/docs/latest/configuration/interactions.html#interactions",target:"_blank",rel:"noopener noreferrer"}},[t._v("chart interaction configuration"),e("OutboundLink")],1),t._v(".")],1),t._v(" "),e("ul",[e("li",[t._v("When "),e("a",{attrs:{href:"https://www.chartjs.org/docs/latest/charts/scatter.html",target:"_blank",rel:"noopener noreferrer"}},[t._v("scatter charts"),e("OutboundLink")],1),t._v(" are used, the interaction default "),e("code",[t._v("mode")]),t._v(" in Chart.js is "),e("code",[t._v("point")]),t._v(", while, in the previous plugin version, the default was "),e("code",[t._v("nearest")]),t._v(".")])]),t._v(" "),e("p",[t._v("The "),e("code",[t._v("dblclick")]),t._v(" event hook was removed from annotations options because, being executed asynchronously, it can not enable the chart re-rendering, automatically after processing the event completely. This is important when the user requires re-draws. It gets slow and messy if every event hook does the draw (or update!).")]),t._v(" "),e("h2",{attrs:{id:"types"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#types"}},[t._v("#")]),t._v(" Types")]),t._v(" "),e("p",[e("code",[t._v("chartjs-plugin-annotation")]),t._v(" plugin version 2 removes the compatibility with TypeScript versions less than 4.1 which is the minimum supported one.")])])}),[],!1,null,null,null);e.default=o.exports}}]); \ No newline at end of file diff --git a/master/assets/js/40.2dc251c5.js b/master/assets/js/40.dee5892e.js similarity index 94% rename from master/assets/js/40.2dc251c5.js rename to master/assets/js/40.dee5892e.js index 6d8c3d0d0..d23584447 100644 --- a/master/assets/js/40.2dc251c5.js +++ b/master/assets/js/40.dee5892e.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[40],{450:function(t,e,a){"use strict";a.r(e);var r=a(4),n=Object(r.a)({},(function(){var t=this,e=t._self._c;return e("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[e("h1",{attrs:{id:"interface-lineannotationoptions"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#interface-lineannotationoptions"}},[t._v("#")]),t._v(" Interface: LineAnnotationOptions")]),t._v(" "),e("h2",{attrs:{id:"hierarchy"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#hierarchy"}},[t._v("#")]),t._v(" Hierarchy")]),t._v(" "),e("ul",[e("li",[e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html"}},[e("code",[t._v("CoreAnnotationOptions")])])],1),t._v(" "),e("p",[t._v("↳ "),e("strong",[e("code",[t._v("LineAnnotationOptions")])])])])]),t._v(" "),e("h2",{attrs:{id:"properties"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#properties"}},[t._v("#")]),t._v(" Properties")]),t._v(" "),e("h3",{attrs:{id:"adjustscalerange"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#adjustscalerange"}},[t._v("#")]),t._v(" adjustScaleRange")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("adjustScaleRange")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("boolean")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"inherited-from"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#adjustscalerange"}},[t._v("adjustScaleRange")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/456e46b/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/456e46b/types/options.d.ts#L85",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:85"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"backgroundshadowcolor"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#backgroundshadowcolor"}},[t._v("#")]),t._v(" backgroundShadowColor")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("backgroundShadowColor")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("Color")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"inherited-from-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-2"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#backgroundshadowcolor"}},[t._v("backgroundShadowColor")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-3"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-3"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/456e46b/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/456e46b/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/456e46b/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/456e46b/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/456e46b/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/456e46b/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/456e46b/types/options.d.ts#L87",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:87"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"curve"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#curve"}},[t._v("#")]),t._v(" curve")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("curve")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("boolean")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"defined-in-10"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-10"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/456e46b/types/options.d.ts#L86",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:86"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"display"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#display"}},[t._v("#")]),t._v(" display")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("display")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("boolean")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"inherited-from-8"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-8"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#display"}},[t._v("display")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-11"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-11"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/456e46b/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/456e46b/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/456e46b/types/options.d.ts#L88",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:88"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"hittolerance"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#hittolerance"}},[t._v("#")]),t._v(" hitTolerance")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("hitTolerance")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("number")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"inherited-from-10"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-10"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#hittolerance"}},[t._v("hitTolerance")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-14"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-14"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/456e46b/types/options.d.ts#L45",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:45"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"id"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#id"}},[t._v("#")]),t._v(" id")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("id")]),t._v(": "),e("code",[t._v("string")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-11"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-11"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#id"}},[t._v("id")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-15"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-15"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/456e46b/types/options.d.ts#L47",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:47"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"init"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#init"}},[t._v("#")]),t._v(" init")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("init")]),t._v(": "),e("code",[t._v("boolean")]),t._v(" | ("),e("code",[t._v("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-12"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-12"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#init"}},[t._v("init")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-16"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-16"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/456e46b/types/options.d.ts#L46",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:46"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"label"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#label"}},[t._v("#")]),t._v(" label")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("label")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/interfaces/LabelOptions.html"}},[e("code",[t._v("LabelOptions")])])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-17"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-17"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/456e46b/types/options.d.ts#L89",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:89"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"scaleid"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#scaleid"}},[t._v("#")]),t._v(" scaleID")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("scaleID")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("string")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"defined-in-18"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-18"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/456e46b/types/options.d.ts#L90",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:90"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"shadowblur"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#shadowblur"}},[t._v("#")]),t._v(" shadowBlur")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("shadowBlur")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("number")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"inherited-from-13"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-13"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#shadowblur"}},[t._v("shadowBlur")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-19"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-19"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/456e46b/types/options.d.ts#L32",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:32"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"shadowoffsetx"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#shadowoffsetx"}},[t._v("#")]),t._v(" shadowOffsetX")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("shadowOffsetX")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("number")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"inherited-from-14"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-14"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#shadowoffsetx"}},[t._v("shadowOffsetX")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-20"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-20"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/456e46b/types/options.d.ts#L33",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:33"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"shadowoffsety"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#shadowoffsety"}},[t._v("#")]),t._v(" shadowOffsetY")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("shadowOffsetY")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("number")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"inherited-from-15"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-15"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#shadowoffsety"}},[t._v("shadowOffsetY")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-21"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-21"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/456e46b/types/options.d.ts#L34",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:34"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"value"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#value"}},[t._v("#")]),t._v(" value")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("value")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("string")]),t._v(" | "),e("code",[t._v("number")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"defined-in-22"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-22"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/456e46b/types/options.d.ts#L91",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:91"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"xmax"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#xmax"}},[t._v("#")]),t._v(" xMax")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("xMax")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("RouterLink",{attrs:{to:"/api/#scalevalue"}},[e("code",[t._v("ScaleValue")])]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"inherited-from-16"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-16"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#xmax"}},[t._v("xMax")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-23"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-23"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/456e46b/types/options.d.ts#L48",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:48"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"xmin"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#xmin"}},[t._v("#")]),t._v(" xMin")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("xMin")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("RouterLink",{attrs:{to:"/api/#scalevalue"}},[e("code",[t._v("ScaleValue")])]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"inherited-from-17"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-17"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#xmin"}},[t._v("xMin")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-24"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-24"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/456e46b/types/options.d.ts#L49",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:49"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"xscaleid"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#xscaleid"}},[t._v("#")]),t._v(" xScaleID")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("xScaleID")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("string")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"inherited-from-18"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-18"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#xscaleid"}},[t._v("xScaleID")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-25"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-25"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/456e46b/types/options.d.ts#L50",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:50"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"ymax"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#ymax"}},[t._v("#")]),t._v(" yMax")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("yMax")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("RouterLink",{attrs:{to:"/api/#scalevalue"}},[e("code",[t._v("ScaleValue")])]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"inherited-from-19"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-19"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#ymax"}},[t._v("yMax")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-26"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-26"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/456e46b/types/options.d.ts#L51",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:51"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"ymin"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#ymin"}},[t._v("#")]),t._v(" yMin")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("yMin")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("RouterLink",{attrs:{to:"/api/#scalevalue"}},[e("code",[t._v("ScaleValue")])]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"inherited-from-20"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-20"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#ymin"}},[t._v("yMin")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-27"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-27"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/456e46b/types/options.d.ts#L52",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:52"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"yscaleid"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#yscaleid"}},[t._v("#")]),t._v(" yScaleID")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("yScaleID")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("string")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"inherited-from-21"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-21"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#yscaleid"}},[t._v("yScaleID")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-28"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-28"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/456e46b/types/options.d.ts#L53",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:53"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"z"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#z"}},[t._v("#")]),t._v(" z")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("z")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("number")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"inherited-from-22"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-22"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#z"}},[t._v("z")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-29"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-29"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/456e46b/types/options.d.ts#L54",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:54"),e("OutboundLink")],1)]),t._v(" "),e("h2",{attrs:{id:"methods"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#methods"}},[t._v("#")]),t._v(" Methods")]),t._v(" "),e("h3",{attrs:{id:"afterdraw"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#afterdraw"}},[t._v("#")]),t._v(" afterDraw")]),t._v(" "),e("p",[t._v("▸ "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("afterDraw")]),t._v("("),e("code",[t._v("context")]),t._v("): "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"parameters"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("context")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/interfaces/EventContext.html"}},[e("code",[t._v("EventContext")])])],1)])])]),t._v(" "),e("h4",{attrs:{id:"returns"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-23"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-23"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#afterdraw"}},[t._v("afterDraw")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-30"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-30"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/456e46b/types/options.d.ts#L23",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:23"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"beforedraw"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#beforedraw"}},[t._v("#")]),t._v(" beforeDraw")]),t._v(" "),e("p",[t._v("▸ "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("beforeDraw")]),t._v("("),e("code",[t._v("context")]),t._v("): "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"parameters-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-2"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("context")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/interfaces/EventContext.html"}},[e("code",[t._v("EventContext")])])],1)])])]),t._v(" "),e("h4",{attrs:{id:"returns-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-2"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-24"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-24"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#beforedraw"}},[t._v("beforeDraw")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-31"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-31"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/456e46b/types/options.d.ts#L22",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:22"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"click"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#click"}},[t._v("#")]),t._v(" click")]),t._v(" "),e("p",[t._v("▸ "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("click")]),t._v("("),e("code",[t._v("context")]),t._v(", "),e("code",[t._v("event")]),t._v("): "),e("code",[t._v("boolean")]),t._v(" | "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"parameters-3"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-3"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("context")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/interfaces/EventContext.html"}},[e("code",[t._v("EventContext")])])],1)]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("event")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("ChartEvent")])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-3"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-3"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("boolean")]),t._v(" | "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-25"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-25"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#click"}},[t._v("click")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-32"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-32"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/456e46b/types/events.d.ts#L27",target:"_blank",rel:"noopener noreferrer"}},[t._v("events.d.ts:27"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"enter"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#enter"}},[t._v("#")]),t._v(" enter")]),t._v(" "),e("p",[t._v("▸ "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("enter")]),t._v("("),e("code",[t._v("context")]),t._v(", "),e("code",[t._v("event")]),t._v("): "),e("code",[t._v("boolean")]),t._v(" | "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"parameters-4"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-4"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("context")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/interfaces/EventContext.html"}},[e("code",[t._v("EventContext")])])],1)]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("event")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("ChartEvent")])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-4"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-4"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("boolean")]),t._v(" | "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-26"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-26"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#enter"}},[t._v("enter")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-33"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-33"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/456e46b/types/events.d.ts#L25",target:"_blank",rel:"noopener noreferrer"}},[t._v("events.d.ts:25"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"leave"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#leave"}},[t._v("#")]),t._v(" leave")]),t._v(" "),e("p",[t._v("▸ "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("leave")]),t._v("("),e("code",[t._v("context")]),t._v(", "),e("code",[t._v("event")]),t._v("): "),e("code",[t._v("boolean")]),t._v(" | "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"parameters-5"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-5"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("context")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/interfaces/EventContext.html"}},[e("code",[t._v("EventContext")])])],1)]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("event")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("ChartEvent")])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-5"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-5"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("boolean")]),t._v(" | "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-27"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-27"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#leave"}},[t._v("leave")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-34"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-34"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/456e46b/types/events.d.ts#L26",target:"_blank",rel:"noopener noreferrer"}},[t._v("events.d.ts:26"),e("OutboundLink")],1)])])}),[],!1,null,null,null);e.default=n.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[40],{450:function(t,e,a){"use strict";a.r(e);var r=a(4),n=Object(r.a)({},(function(){var t=this,e=t._self._c;return e("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[e("h1",{attrs:{id:"interface-lineannotationoptions"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#interface-lineannotationoptions"}},[t._v("#")]),t._v(" Interface: LineAnnotationOptions")]),t._v(" "),e("h2",{attrs:{id:"hierarchy"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#hierarchy"}},[t._v("#")]),t._v(" Hierarchy")]),t._v(" "),e("ul",[e("li",[e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html"}},[e("code",[t._v("CoreAnnotationOptions")])])],1),t._v(" "),e("p",[t._v("↳ "),e("strong",[e("code",[t._v("LineAnnotationOptions")])])])])]),t._v(" "),e("h2",{attrs:{id:"properties"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#properties"}},[t._v("#")]),t._v(" Properties")]),t._v(" "),e("h3",{attrs:{id:"adjustscalerange"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#adjustscalerange"}},[t._v("#")]),t._v(" adjustScaleRange")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("adjustScaleRange")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("boolean")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"inherited-from"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#adjustscalerange"}},[t._v("adjustScaleRange")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/a15dde6/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/a15dde6/types/options.d.ts#L85",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:85"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"backgroundshadowcolor"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#backgroundshadowcolor"}},[t._v("#")]),t._v(" backgroundShadowColor")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("backgroundShadowColor")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("Color")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"inherited-from-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-2"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#backgroundshadowcolor"}},[t._v("backgroundShadowColor")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-3"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-3"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/a15dde6/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/a15dde6/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/a15dde6/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/a15dde6/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/a15dde6/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/a15dde6/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/a15dde6/types/options.d.ts#L87",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:87"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"curve"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#curve"}},[t._v("#")]),t._v(" curve")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("curve")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("boolean")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"defined-in-10"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-10"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/a15dde6/types/options.d.ts#L86",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:86"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"display"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#display"}},[t._v("#")]),t._v(" display")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("display")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("boolean")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"inherited-from-8"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-8"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#display"}},[t._v("display")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-11"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-11"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/a15dde6/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/a15dde6/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/a15dde6/types/options.d.ts#L88",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:88"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"hittolerance"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#hittolerance"}},[t._v("#")]),t._v(" hitTolerance")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("hitTolerance")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("number")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"inherited-from-10"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-10"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#hittolerance"}},[t._v("hitTolerance")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-14"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-14"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/a15dde6/types/options.d.ts#L45",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:45"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"id"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#id"}},[t._v("#")]),t._v(" id")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("id")]),t._v(": "),e("code",[t._v("string")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-11"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-11"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#id"}},[t._v("id")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-15"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-15"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/a15dde6/types/options.d.ts#L47",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:47"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"init"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#init"}},[t._v("#")]),t._v(" init")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("init")]),t._v(": "),e("code",[t._v("boolean")]),t._v(" | ("),e("code",[t._v("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-12"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-12"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#init"}},[t._v("init")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-16"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-16"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/a15dde6/types/options.d.ts#L46",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:46"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"label"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#label"}},[t._v("#")]),t._v(" label")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("label")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/interfaces/LabelOptions.html"}},[e("code",[t._v("LabelOptions")])])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-17"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-17"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/a15dde6/types/options.d.ts#L89",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:89"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"scaleid"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#scaleid"}},[t._v("#")]),t._v(" scaleID")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("scaleID")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("string")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"defined-in-18"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-18"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/a15dde6/types/options.d.ts#L90",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:90"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"shadowblur"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#shadowblur"}},[t._v("#")]),t._v(" shadowBlur")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("shadowBlur")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("number")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"inherited-from-13"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-13"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#shadowblur"}},[t._v("shadowBlur")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-19"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-19"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/a15dde6/types/options.d.ts#L32",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:32"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"shadowoffsetx"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#shadowoffsetx"}},[t._v("#")]),t._v(" shadowOffsetX")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("shadowOffsetX")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("number")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"inherited-from-14"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-14"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#shadowoffsetx"}},[t._v("shadowOffsetX")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-20"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-20"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/a15dde6/types/options.d.ts#L33",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:33"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"shadowoffsety"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#shadowoffsety"}},[t._v("#")]),t._v(" shadowOffsetY")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("shadowOffsetY")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("number")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"inherited-from-15"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-15"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#shadowoffsety"}},[t._v("shadowOffsetY")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-21"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-21"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/a15dde6/types/options.d.ts#L34",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:34"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"value"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#value"}},[t._v("#")]),t._v(" value")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("value")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("string")]),t._v(" | "),e("code",[t._v("number")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"defined-in-22"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-22"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/a15dde6/types/options.d.ts#L91",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:91"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"xmax"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#xmax"}},[t._v("#")]),t._v(" xMax")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("xMax")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("RouterLink",{attrs:{to:"/api/#scalevalue"}},[e("code",[t._v("ScaleValue")])]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"inherited-from-16"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-16"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#xmax"}},[t._v("xMax")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-23"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-23"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/a15dde6/types/options.d.ts#L48",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:48"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"xmin"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#xmin"}},[t._v("#")]),t._v(" xMin")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("xMin")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("RouterLink",{attrs:{to:"/api/#scalevalue"}},[e("code",[t._v("ScaleValue")])]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"inherited-from-17"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-17"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#xmin"}},[t._v("xMin")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-24"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-24"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/a15dde6/types/options.d.ts#L49",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:49"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"xscaleid"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#xscaleid"}},[t._v("#")]),t._v(" xScaleID")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("xScaleID")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("string")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"inherited-from-18"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-18"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#xscaleid"}},[t._v("xScaleID")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-25"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-25"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/a15dde6/types/options.d.ts#L50",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:50"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"ymax"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#ymax"}},[t._v("#")]),t._v(" yMax")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("yMax")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("RouterLink",{attrs:{to:"/api/#scalevalue"}},[e("code",[t._v("ScaleValue")])]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"inherited-from-19"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-19"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#ymax"}},[t._v("yMax")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-26"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-26"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/a15dde6/types/options.d.ts#L51",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:51"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"ymin"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#ymin"}},[t._v("#")]),t._v(" yMin")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("yMin")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("RouterLink",{attrs:{to:"/api/#scalevalue"}},[e("code",[t._v("ScaleValue")])]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"inherited-from-20"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-20"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#ymin"}},[t._v("yMin")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-27"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-27"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/a15dde6/types/options.d.ts#L52",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:52"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"yscaleid"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#yscaleid"}},[t._v("#")]),t._v(" yScaleID")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("yScaleID")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("string")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"inherited-from-21"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-21"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#yscaleid"}},[t._v("yScaleID")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-28"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-28"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/a15dde6/types/options.d.ts#L53",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:53"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"z"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#z"}},[t._v("#")]),t._v(" z")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("z")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("number")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"inherited-from-22"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-22"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#z"}},[t._v("z")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-29"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-29"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/a15dde6/types/options.d.ts#L54",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:54"),e("OutboundLink")],1)]),t._v(" "),e("h2",{attrs:{id:"methods"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#methods"}},[t._v("#")]),t._v(" Methods")]),t._v(" "),e("h3",{attrs:{id:"afterdraw"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#afterdraw"}},[t._v("#")]),t._v(" afterDraw")]),t._v(" "),e("p",[t._v("▸ "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("afterDraw")]),t._v("("),e("code",[t._v("context")]),t._v("): "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"parameters"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("context")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/interfaces/EventContext.html"}},[e("code",[t._v("EventContext")])])],1)])])]),t._v(" "),e("h4",{attrs:{id:"returns"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-23"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-23"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#afterdraw"}},[t._v("afterDraw")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-30"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-30"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/a15dde6/types/options.d.ts#L23",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:23"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"beforedraw"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#beforedraw"}},[t._v("#")]),t._v(" beforeDraw")]),t._v(" "),e("p",[t._v("▸ "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("beforeDraw")]),t._v("("),e("code",[t._v("context")]),t._v("): "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"parameters-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-2"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("context")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/interfaces/EventContext.html"}},[e("code",[t._v("EventContext")])])],1)])])]),t._v(" "),e("h4",{attrs:{id:"returns-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-2"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-24"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-24"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#beforedraw"}},[t._v("beforeDraw")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-31"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-31"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/a15dde6/types/options.d.ts#L22",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:22"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"click"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#click"}},[t._v("#")]),t._v(" click")]),t._v(" "),e("p",[t._v("▸ "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("click")]),t._v("("),e("code",[t._v("context")]),t._v(", "),e("code",[t._v("event")]),t._v("): "),e("code",[t._v("boolean")]),t._v(" | "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"parameters-3"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-3"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("context")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/interfaces/EventContext.html"}},[e("code",[t._v("EventContext")])])],1)]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("event")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("ChartEvent")])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-3"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-3"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("boolean")]),t._v(" | "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-25"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-25"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#click"}},[t._v("click")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-32"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-32"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/a15dde6/types/events.d.ts#L27",target:"_blank",rel:"noopener noreferrer"}},[t._v("events.d.ts:27"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"enter"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#enter"}},[t._v("#")]),t._v(" enter")]),t._v(" "),e("p",[t._v("▸ "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("enter")]),t._v("("),e("code",[t._v("context")]),t._v(", "),e("code",[t._v("event")]),t._v("): "),e("code",[t._v("boolean")]),t._v(" | "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"parameters-4"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-4"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("context")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/interfaces/EventContext.html"}},[e("code",[t._v("EventContext")])])],1)]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("event")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("ChartEvent")])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-4"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-4"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("boolean")]),t._v(" | "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-26"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-26"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#enter"}},[t._v("enter")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-33"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-33"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/a15dde6/types/events.d.ts#L25",target:"_blank",rel:"noopener noreferrer"}},[t._v("events.d.ts:25"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"leave"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#leave"}},[t._v("#")]),t._v(" leave")]),t._v(" "),e("p",[t._v("▸ "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("leave")]),t._v("("),e("code",[t._v("context")]),t._v(", "),e("code",[t._v("event")]),t._v("): "),e("code",[t._v("boolean")]),t._v(" | "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"parameters-5"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-5"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("context")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/interfaces/EventContext.html"}},[e("code",[t._v("EventContext")])])],1)]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("event")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("ChartEvent")])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-5"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-5"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("boolean")]),t._v(" | "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-27"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-27"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#leave"}},[t._v("leave")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-34"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-34"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/a15dde6/types/events.d.ts#L26",target:"_blank",rel:"noopener noreferrer"}},[t._v("events.d.ts:26"),e("OutboundLink")],1)])])}),[],!1,null,null,null);e.default=n.exports}}]); \ No newline at end of file diff --git a/master/assets/js/41.5f3f8ee8.js b/master/assets/js/41.ab239fc9.js similarity index 92% rename from master/assets/js/41.5f3f8ee8.js rename to master/assets/js/41.ab239fc9.js index 89b4a381c..345c79b82 100644 --- a/master/assets/js/41.5f3f8ee8.js +++ b/master/assets/js/41.ab239fc9.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[41],{451:function(t,e,n){"use strict";n.r(e);var a=n(4),r=Object(a.a)({},(function(){var t=this,e=t._self._c;return e("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[e("h1",{attrs:{id:"interface-partialeventcontext"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#interface-partialeventcontext"}},[t._v("#")]),t._v(" Interface: PartialEventContext")]),t._v(" "),e("p",[t._v("Some scriptable options may be called with during the chart's initial\ndisplay, when the element isn't fully initialized.")]),t._v(" "),e("h2",{attrs:{id:"properties"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#properties"}},[t._v("#")]),t._v(" Properties")]),t._v(" "),e("h3",{attrs:{id:"chart"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#chart"}},[t._v("#")]),t._v(" chart")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("chart")]),t._v(": "),e("code",[t._v("Chart")]),t._v("")]),t._v(" "),e("h4",{attrs:{id:"defined-in"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/456e46b/types/events.d.ts#L17",target:"_blank",rel:"noopener noreferrer"}},[t._v("events.d.ts:17"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"element"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#element"}},[t._v("#")]),t._v(" element")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("element")]),t._v(": "),e("code",[t._v("Partial")]),t._v("<"),e("RouterLink",{attrs:{to:"/api/interfaces/AnnotationElement.html"}},[e("code",[t._v("AnnotationElement")])]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"defined-in-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-2"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/456e46b/types/events.d.ts#L18",target:"_blank",rel:"noopener noreferrer"}},[t._v("events.d.ts:18"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"elements"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#elements"}},[t._v("#")]),t._v(" elements")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("elements")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/interfaces/AnnotationElement.html"}},[e("code",[t._v("AnnotationElement")])]),t._v("[]")],1),t._v(" "),e("h4",{attrs:{id:"defined-in-3"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-3"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/456e46b/types/events.d.ts#L19",target:"_blank",rel:"noopener noreferrer"}},[t._v("events.d.ts:19"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"id"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#id"}},[t._v("#")]),t._v(" id")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("id")]),t._v(": "),e("code",[t._v("string")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-4"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-4"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/456e46b/types/events.d.ts#L20",target:"_blank",rel:"noopener noreferrer"}},[t._v("events.d.ts:20"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"type"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#type"}},[t._v("#")]),t._v(" type")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("type")]),t._v(": "),e("code",[t._v("string")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-5"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-5"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/456e46b/types/events.d.ts#L21",target:"_blank",rel:"noopener noreferrer"}},[t._v("events.d.ts:21"),e("OutboundLink")],1)])])}),[],!1,null,null,null);e.default=r.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[41],{451:function(t,e,n){"use strict";n.r(e);var a=n(4),r=Object(a.a)({},(function(){var t=this,e=t._self._c;return e("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[e("h1",{attrs:{id:"interface-partialeventcontext"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#interface-partialeventcontext"}},[t._v("#")]),t._v(" Interface: PartialEventContext")]),t._v(" "),e("p",[t._v("Some scriptable options may be called with during the chart's initial\ndisplay, when the element isn't fully initialized.")]),t._v(" "),e("h2",{attrs:{id:"properties"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#properties"}},[t._v("#")]),t._v(" Properties")]),t._v(" "),e("h3",{attrs:{id:"chart"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#chart"}},[t._v("#")]),t._v(" chart")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("chart")]),t._v(": "),e("code",[t._v("Chart")]),t._v("")]),t._v(" "),e("h4",{attrs:{id:"defined-in"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/a15dde6/types/events.d.ts#L17",target:"_blank",rel:"noopener noreferrer"}},[t._v("events.d.ts:17"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"element"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#element"}},[t._v("#")]),t._v(" element")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("element")]),t._v(": "),e("code",[t._v("Partial")]),t._v("<"),e("RouterLink",{attrs:{to:"/api/interfaces/AnnotationElement.html"}},[e("code",[t._v("AnnotationElement")])]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"defined-in-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-2"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/a15dde6/types/events.d.ts#L18",target:"_blank",rel:"noopener noreferrer"}},[t._v("events.d.ts:18"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"elements"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#elements"}},[t._v("#")]),t._v(" elements")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("elements")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/interfaces/AnnotationElement.html"}},[e("code",[t._v("AnnotationElement")])]),t._v("[]")],1),t._v(" "),e("h4",{attrs:{id:"defined-in-3"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-3"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/a15dde6/types/events.d.ts#L19",target:"_blank",rel:"noopener noreferrer"}},[t._v("events.d.ts:19"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"id"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#id"}},[t._v("#")]),t._v(" id")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("id")]),t._v(": "),e("code",[t._v("string")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-4"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-4"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/a15dde6/types/events.d.ts#L20",target:"_blank",rel:"noopener noreferrer"}},[t._v("events.d.ts:20"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"type"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#type"}},[t._v("#")]),t._v(" type")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("type")]),t._v(": "),e("code",[t._v("string")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-5"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-5"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/a15dde6/types/events.d.ts#L21",target:"_blank",rel:"noopener noreferrer"}},[t._v("events.d.ts:21"),e("OutboundLink")],1)])])}),[],!1,null,null,null);e.default=r.exports}}]); \ No newline at end of file diff --git a/master/assets/js/42.0954290e.js b/master/assets/js/42.41fc9595.js similarity index 95% rename from master/assets/js/42.0954290e.js rename to master/assets/js/42.41fc9595.js index c7f0512f7..6f7f9de80 100644 --- a/master/assets/js/42.0954290e.js +++ b/master/assets/js/42.41fc9595.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[42],{452:function(t,e,a){"use strict";a.r(e);var r=a(4),n=Object(r.a)({},(function(){var t=this,e=t._self._c;return e("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[e("h1",{attrs:{id:"interface-pointannotationoptions"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#interface-pointannotationoptions"}},[t._v("#")]),t._v(" Interface: PointAnnotationOptions")]),t._v(" "),e("h2",{attrs:{id:"hierarchy"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#hierarchy"}},[t._v("#")]),t._v(" Hierarchy")]),t._v(" "),e("ul",[e("li",[e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html"}},[e("code",[t._v("CoreAnnotationOptions")])])],1)]),t._v(" "),e("li",[e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/AnnotationPointCoordinates.html"}},[e("code",[t._v("AnnotationPointCoordinates")])])],1),t._v(" "),e("p",[t._v("↳ "),e("strong",[e("code",[t._v("PointAnnotationOptions")])])])])]),t._v(" "),e("h2",{attrs:{id:"properties"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#properties"}},[t._v("#")]),t._v(" Properties")]),t._v(" "),e("h3",{attrs:{id:"adjustscalerange"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#adjustscalerange"}},[t._v("#")]),t._v(" adjustScaleRange")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("adjustScaleRange")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("boolean")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"inherited-from"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#adjustscalerange"}},[t._v("adjustScaleRange")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/456e46b/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/456e46b/types/options.d.ts#L128",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:128"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"backgroundshadowcolor"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#backgroundshadowcolor"}},[t._v("#")]),t._v(" backgroundShadowColor")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("backgroundShadowColor")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("Color")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"inherited-from-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-2"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#backgroundshadowcolor"}},[t._v("backgroundShadowColor")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-3"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-3"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/456e46b/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/456e46b/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/456e46b/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/456e46b/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/456e46b/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/456e46b/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/456e46b/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/456e46b/types/options.d.ts#L44",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:44"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"hittolerance"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#hittolerance"}},[t._v("#")]),t._v(" hitTolerance")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("hitTolerance")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("number")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"inherited-from-10"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-10"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#hittolerance"}},[t._v("hitTolerance")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-11"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-11"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/456e46b/types/options.d.ts#L45",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:45"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"id"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#id"}},[t._v("#")]),t._v(" id")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("id")]),t._v(": "),e("code",[t._v("string")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-11"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-11"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#id"}},[t._v("id")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-12"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-12"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/456e46b/types/options.d.ts#L47",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:47"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"init"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#init"}},[t._v("#")]),t._v(" init")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("init")]),t._v(": "),e("code",[t._v("boolean")]),t._v(" | ("),e("code",[t._v("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-12"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-12"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#init"}},[t._v("init")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-13"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-13"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/456e46b/types/options.d.ts#L46",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:46"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"pointstyle"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#pointstyle"}},[t._v("#")]),t._v(" pointStyle")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("pointStyle")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("PointStyle")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"defined-in-14"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-14"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/456e46b/types/options.d.ts#L129",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:129"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"radius"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#radius"}},[t._v("#")]),t._v(" radius")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("radius")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("number")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"defined-in-15"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-15"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/456e46b/types/options.d.ts#L130",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:130"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"rotation"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#rotation"}},[t._v("#")]),t._v(" rotation")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("rotation")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("number")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"defined-in-16"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-16"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/456e46b/types/options.d.ts#L131",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:131"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"shadowblur"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#shadowblur"}},[t._v("#")]),t._v(" shadowBlur")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("shadowBlur")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("number")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"inherited-from-13"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-13"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#shadowblur"}},[t._v("shadowBlur")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-17"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-17"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/456e46b/types/options.d.ts#L32",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:32"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"shadowoffsetx"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#shadowoffsetx"}},[t._v("#")]),t._v(" shadowOffsetX")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("shadowOffsetX")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("number")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"inherited-from-14"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-14"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#shadowoffsetx"}},[t._v("shadowOffsetX")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-18"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-18"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/456e46b/types/options.d.ts#L33",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:33"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"shadowoffsety"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#shadowoffsety"}},[t._v("#")]),t._v(" shadowOffsetY")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("shadowOffsetY")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("number")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"inherited-from-15"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-15"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#shadowoffsety"}},[t._v("shadowOffsetY")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-19"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-19"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/456e46b/types/options.d.ts#L34",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:34"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"xadjust"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#xadjust"}},[t._v("#")]),t._v(" xAdjust")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("xAdjust")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("number")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"defined-in-20"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-20"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/456e46b/types/options.d.ts#L132",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:132"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"xmax"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#xmax"}},[t._v("#")]),t._v(" xMax")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("xMax")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("RouterLink",{attrs:{to:"/api/#scalevalue"}},[e("code",[t._v("ScaleValue")])]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"inherited-from-16"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-16"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#xmax"}},[t._v("xMax")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-21"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-21"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/456e46b/types/options.d.ts#L48",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:48"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"xmin"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#xmin"}},[t._v("#")]),t._v(" xMin")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("xMin")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("RouterLink",{attrs:{to:"/api/#scalevalue"}},[e("code",[t._v("ScaleValue")])]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"inherited-from-17"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-17"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#xmin"}},[t._v("xMin")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-22"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-22"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/456e46b/types/options.d.ts#L49",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:49"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"xscaleid"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#xscaleid"}},[t._v("#")]),t._v(" xScaleID")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("xScaleID")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("string")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"inherited-from-18"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-18"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#xscaleid"}},[t._v("xScaleID")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-23"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-23"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/456e46b/types/options.d.ts#L50",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:50"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"xvalue"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#xvalue"}},[t._v("#")]),t._v(" xValue")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("xValue")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("RouterLink",{attrs:{to:"/api/#scalevalue"}},[e("code",[t._v("ScaleValue")])]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"inherited-from-19"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-19"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/AnnotationPointCoordinates.html"}},[t._v("AnnotationPointCoordinates")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/AnnotationPointCoordinates.html#xvalue"}},[t._v("xValue")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-24"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-24"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/456e46b/types/options.d.ts#L58",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:58"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"yadjust"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#yadjust"}},[t._v("#")]),t._v(" yAdjust")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("yAdjust")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("number")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"defined-in-25"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-25"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/456e46b/types/options.d.ts#L133",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:133"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"ymax"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#ymax"}},[t._v("#")]),t._v(" yMax")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("yMax")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("RouterLink",{attrs:{to:"/api/#scalevalue"}},[e("code",[t._v("ScaleValue")])]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"inherited-from-20"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-20"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#ymax"}},[t._v("yMax")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-26"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-26"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/456e46b/types/options.d.ts#L51",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:51"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"ymin"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#ymin"}},[t._v("#")]),t._v(" yMin")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("yMin")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("RouterLink",{attrs:{to:"/api/#scalevalue"}},[e("code",[t._v("ScaleValue")])]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"inherited-from-21"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-21"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#ymin"}},[t._v("yMin")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-27"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-27"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/456e46b/types/options.d.ts#L52",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:52"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"yscaleid"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#yscaleid"}},[t._v("#")]),t._v(" yScaleID")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("yScaleID")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("string")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"inherited-from-22"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-22"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#yscaleid"}},[t._v("yScaleID")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-28"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-28"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/456e46b/types/options.d.ts#L53",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:53"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"yvalue"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#yvalue"}},[t._v("#")]),t._v(" yValue")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("yValue")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("RouterLink",{attrs:{to:"/api/#scalevalue"}},[e("code",[t._v("ScaleValue")])]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"inherited-from-23"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-23"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/AnnotationPointCoordinates.html"}},[t._v("AnnotationPointCoordinates")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/AnnotationPointCoordinates.html#yvalue"}},[t._v("yValue")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-29"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-29"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/456e46b/types/options.d.ts#L59",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:59"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"z"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#z"}},[t._v("#")]),t._v(" z")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("z")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("number")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"inherited-from-24"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-24"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#z"}},[t._v("z")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-30"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-30"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/456e46b/types/options.d.ts#L54",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:54"),e("OutboundLink")],1)]),t._v(" "),e("h2",{attrs:{id:"methods"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#methods"}},[t._v("#")]),t._v(" Methods")]),t._v(" "),e("h3",{attrs:{id:"afterdraw"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#afterdraw"}},[t._v("#")]),t._v(" afterDraw")]),t._v(" "),e("p",[t._v("▸ "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("afterDraw")]),t._v("("),e("code",[t._v("context")]),t._v("): "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"parameters"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("context")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/interfaces/EventContext.html"}},[e("code",[t._v("EventContext")])])],1)])])]),t._v(" "),e("h4",{attrs:{id:"returns"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-25"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-25"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#afterdraw"}},[t._v("afterDraw")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-31"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-31"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/456e46b/types/options.d.ts#L23",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:23"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"beforedraw"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#beforedraw"}},[t._v("#")]),t._v(" beforeDraw")]),t._v(" "),e("p",[t._v("▸ "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("beforeDraw")]),t._v("("),e("code",[t._v("context")]),t._v("): "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"parameters-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-2"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("context")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/interfaces/EventContext.html"}},[e("code",[t._v("EventContext")])])],1)])])]),t._v(" "),e("h4",{attrs:{id:"returns-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-2"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-26"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-26"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#beforedraw"}},[t._v("beforeDraw")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-32"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-32"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/456e46b/types/options.d.ts#L22",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:22"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"click"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#click"}},[t._v("#")]),t._v(" click")]),t._v(" "),e("p",[t._v("▸ "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("click")]),t._v("("),e("code",[t._v("context")]),t._v(", "),e("code",[t._v("event")]),t._v("): "),e("code",[t._v("boolean")]),t._v(" | "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"parameters-3"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-3"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("context")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/interfaces/EventContext.html"}},[e("code",[t._v("EventContext")])])],1)]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("event")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("ChartEvent")])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-3"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-3"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("boolean")]),t._v(" | "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-27"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-27"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#click"}},[t._v("click")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-33"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-33"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/456e46b/types/events.d.ts#L27",target:"_blank",rel:"noopener noreferrer"}},[t._v("events.d.ts:27"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"enter"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#enter"}},[t._v("#")]),t._v(" enter")]),t._v(" "),e("p",[t._v("▸ "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("enter")]),t._v("("),e("code",[t._v("context")]),t._v(", "),e("code",[t._v("event")]),t._v("): "),e("code",[t._v("boolean")]),t._v(" | "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"parameters-4"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-4"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("context")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/interfaces/EventContext.html"}},[e("code",[t._v("EventContext")])])],1)]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("event")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("ChartEvent")])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-4"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-4"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("boolean")]),t._v(" | "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-28"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-28"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#enter"}},[t._v("enter")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-34"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-34"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/456e46b/types/events.d.ts#L25",target:"_blank",rel:"noopener noreferrer"}},[t._v("events.d.ts:25"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"leave"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#leave"}},[t._v("#")]),t._v(" leave")]),t._v(" "),e("p",[t._v("▸ "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("leave")]),t._v("("),e("code",[t._v("context")]),t._v(", "),e("code",[t._v("event")]),t._v("): "),e("code",[t._v("boolean")]),t._v(" | "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"parameters-5"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-5"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("context")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/interfaces/EventContext.html"}},[e("code",[t._v("EventContext")])])],1)]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("event")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("ChartEvent")])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-5"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-5"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("boolean")]),t._v(" | "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-29"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-29"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#leave"}},[t._v("leave")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-35"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-35"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/456e46b/types/events.d.ts#L26",target:"_blank",rel:"noopener noreferrer"}},[t._v("events.d.ts:26"),e("OutboundLink")],1)])])}),[],!1,null,null,null);e.default=n.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[42],{452:function(t,e,a){"use strict";a.r(e);var r=a(4),n=Object(r.a)({},(function(){var t=this,e=t._self._c;return e("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[e("h1",{attrs:{id:"interface-pointannotationoptions"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#interface-pointannotationoptions"}},[t._v("#")]),t._v(" Interface: PointAnnotationOptions")]),t._v(" "),e("h2",{attrs:{id:"hierarchy"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#hierarchy"}},[t._v("#")]),t._v(" Hierarchy")]),t._v(" "),e("ul",[e("li",[e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html"}},[e("code",[t._v("CoreAnnotationOptions")])])],1)]),t._v(" "),e("li",[e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/AnnotationPointCoordinates.html"}},[e("code",[t._v("AnnotationPointCoordinates")])])],1),t._v(" "),e("p",[t._v("↳ "),e("strong",[e("code",[t._v("PointAnnotationOptions")])])])])]),t._v(" "),e("h2",{attrs:{id:"properties"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#properties"}},[t._v("#")]),t._v(" Properties")]),t._v(" "),e("h3",{attrs:{id:"adjustscalerange"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#adjustscalerange"}},[t._v("#")]),t._v(" adjustScaleRange")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("adjustScaleRange")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("boolean")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"inherited-from"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#adjustscalerange"}},[t._v("adjustScaleRange")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/a15dde6/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/a15dde6/types/options.d.ts#L128",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:128"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"backgroundshadowcolor"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#backgroundshadowcolor"}},[t._v("#")]),t._v(" backgroundShadowColor")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("backgroundShadowColor")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("Color")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"inherited-from-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-2"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#backgroundshadowcolor"}},[t._v("backgroundShadowColor")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-3"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-3"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/a15dde6/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/a15dde6/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/a15dde6/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/a15dde6/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/a15dde6/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/a15dde6/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/a15dde6/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/a15dde6/types/options.d.ts#L44",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:44"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"hittolerance"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#hittolerance"}},[t._v("#")]),t._v(" hitTolerance")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("hitTolerance")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("number")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"inherited-from-10"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-10"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#hittolerance"}},[t._v("hitTolerance")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-11"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-11"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/a15dde6/types/options.d.ts#L45",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:45"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"id"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#id"}},[t._v("#")]),t._v(" id")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("id")]),t._v(": "),e("code",[t._v("string")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-11"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-11"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#id"}},[t._v("id")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-12"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-12"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/a15dde6/types/options.d.ts#L47",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:47"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"init"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#init"}},[t._v("#")]),t._v(" init")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("init")]),t._v(": "),e("code",[t._v("boolean")]),t._v(" | ("),e("code",[t._v("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-12"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-12"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#init"}},[t._v("init")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-13"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-13"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/a15dde6/types/options.d.ts#L46",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:46"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"pointstyle"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#pointstyle"}},[t._v("#")]),t._v(" pointStyle")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("pointStyle")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("PointStyle")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"defined-in-14"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-14"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/a15dde6/types/options.d.ts#L129",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:129"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"radius"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#radius"}},[t._v("#")]),t._v(" radius")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("radius")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("number")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"defined-in-15"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-15"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/a15dde6/types/options.d.ts#L130",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:130"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"rotation"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#rotation"}},[t._v("#")]),t._v(" rotation")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("rotation")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("number")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"defined-in-16"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-16"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/a15dde6/types/options.d.ts#L131",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:131"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"shadowblur"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#shadowblur"}},[t._v("#")]),t._v(" shadowBlur")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("shadowBlur")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("number")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"inherited-from-13"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-13"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#shadowblur"}},[t._v("shadowBlur")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-17"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-17"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/a15dde6/types/options.d.ts#L32",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:32"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"shadowoffsetx"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#shadowoffsetx"}},[t._v("#")]),t._v(" shadowOffsetX")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("shadowOffsetX")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("number")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"inherited-from-14"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-14"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#shadowoffsetx"}},[t._v("shadowOffsetX")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-18"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-18"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/a15dde6/types/options.d.ts#L33",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:33"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"shadowoffsety"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#shadowoffsety"}},[t._v("#")]),t._v(" shadowOffsetY")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("shadowOffsetY")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("number")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"inherited-from-15"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-15"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#shadowoffsety"}},[t._v("shadowOffsetY")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-19"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-19"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/a15dde6/types/options.d.ts#L34",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:34"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"xadjust"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#xadjust"}},[t._v("#")]),t._v(" xAdjust")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("xAdjust")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("number")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"defined-in-20"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-20"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/a15dde6/types/options.d.ts#L132",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:132"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"xmax"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#xmax"}},[t._v("#")]),t._v(" xMax")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("xMax")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("RouterLink",{attrs:{to:"/api/#scalevalue"}},[e("code",[t._v("ScaleValue")])]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"inherited-from-16"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-16"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#xmax"}},[t._v("xMax")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-21"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-21"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/a15dde6/types/options.d.ts#L48",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:48"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"xmin"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#xmin"}},[t._v("#")]),t._v(" xMin")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("xMin")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("RouterLink",{attrs:{to:"/api/#scalevalue"}},[e("code",[t._v("ScaleValue")])]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"inherited-from-17"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-17"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#xmin"}},[t._v("xMin")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-22"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-22"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/a15dde6/types/options.d.ts#L49",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:49"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"xscaleid"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#xscaleid"}},[t._v("#")]),t._v(" xScaleID")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("xScaleID")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("string")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"inherited-from-18"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-18"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#xscaleid"}},[t._v("xScaleID")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-23"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-23"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/a15dde6/types/options.d.ts#L50",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:50"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"xvalue"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#xvalue"}},[t._v("#")]),t._v(" xValue")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("xValue")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("RouterLink",{attrs:{to:"/api/#scalevalue"}},[e("code",[t._v("ScaleValue")])]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"inherited-from-19"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-19"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/AnnotationPointCoordinates.html"}},[t._v("AnnotationPointCoordinates")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/AnnotationPointCoordinates.html#xvalue"}},[t._v("xValue")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-24"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-24"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/a15dde6/types/options.d.ts#L58",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:58"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"yadjust"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#yadjust"}},[t._v("#")]),t._v(" yAdjust")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("yAdjust")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("number")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"defined-in-25"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-25"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/a15dde6/types/options.d.ts#L133",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:133"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"ymax"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#ymax"}},[t._v("#")]),t._v(" yMax")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("yMax")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("RouterLink",{attrs:{to:"/api/#scalevalue"}},[e("code",[t._v("ScaleValue")])]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"inherited-from-20"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-20"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#ymax"}},[t._v("yMax")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-26"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-26"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/a15dde6/types/options.d.ts#L51",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:51"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"ymin"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#ymin"}},[t._v("#")]),t._v(" yMin")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("yMin")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("RouterLink",{attrs:{to:"/api/#scalevalue"}},[e("code",[t._v("ScaleValue")])]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"inherited-from-21"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-21"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#ymin"}},[t._v("yMin")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-27"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-27"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/a15dde6/types/options.d.ts#L52",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:52"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"yscaleid"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#yscaleid"}},[t._v("#")]),t._v(" yScaleID")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("yScaleID")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("string")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"inherited-from-22"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-22"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#yscaleid"}},[t._v("yScaleID")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-28"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-28"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/a15dde6/types/options.d.ts#L53",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:53"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"yvalue"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#yvalue"}},[t._v("#")]),t._v(" yValue")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("yValue")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("RouterLink",{attrs:{to:"/api/#scalevalue"}},[e("code",[t._v("ScaleValue")])]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"inherited-from-23"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-23"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/AnnotationPointCoordinates.html"}},[t._v("AnnotationPointCoordinates")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/AnnotationPointCoordinates.html#yvalue"}},[t._v("yValue")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-29"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-29"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/a15dde6/types/options.d.ts#L59",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:59"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"z"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#z"}},[t._v("#")]),t._v(" z")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("z")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("number")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"inherited-from-24"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-24"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#z"}},[t._v("z")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-30"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-30"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/a15dde6/types/options.d.ts#L54",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:54"),e("OutboundLink")],1)]),t._v(" "),e("h2",{attrs:{id:"methods"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#methods"}},[t._v("#")]),t._v(" Methods")]),t._v(" "),e("h3",{attrs:{id:"afterdraw"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#afterdraw"}},[t._v("#")]),t._v(" afterDraw")]),t._v(" "),e("p",[t._v("▸ "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("afterDraw")]),t._v("("),e("code",[t._v("context")]),t._v("): "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"parameters"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("context")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/interfaces/EventContext.html"}},[e("code",[t._v("EventContext")])])],1)])])]),t._v(" "),e("h4",{attrs:{id:"returns"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-25"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-25"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#afterdraw"}},[t._v("afterDraw")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-31"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-31"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/a15dde6/types/options.d.ts#L23",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:23"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"beforedraw"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#beforedraw"}},[t._v("#")]),t._v(" beforeDraw")]),t._v(" "),e("p",[t._v("▸ "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("beforeDraw")]),t._v("("),e("code",[t._v("context")]),t._v("): "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"parameters-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-2"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("context")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/interfaces/EventContext.html"}},[e("code",[t._v("EventContext")])])],1)])])]),t._v(" "),e("h4",{attrs:{id:"returns-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-2"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-26"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-26"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#beforedraw"}},[t._v("beforeDraw")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-32"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-32"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/a15dde6/types/options.d.ts#L22",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:22"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"click"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#click"}},[t._v("#")]),t._v(" click")]),t._v(" "),e("p",[t._v("▸ "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("click")]),t._v("("),e("code",[t._v("context")]),t._v(", "),e("code",[t._v("event")]),t._v("): "),e("code",[t._v("boolean")]),t._v(" | "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"parameters-3"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-3"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("context")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/interfaces/EventContext.html"}},[e("code",[t._v("EventContext")])])],1)]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("event")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("ChartEvent")])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-3"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-3"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("boolean")]),t._v(" | "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-27"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-27"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#click"}},[t._v("click")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-33"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-33"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/a15dde6/types/events.d.ts#L27",target:"_blank",rel:"noopener noreferrer"}},[t._v("events.d.ts:27"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"enter"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#enter"}},[t._v("#")]),t._v(" enter")]),t._v(" "),e("p",[t._v("▸ "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("enter")]),t._v("("),e("code",[t._v("context")]),t._v(", "),e("code",[t._v("event")]),t._v("): "),e("code",[t._v("boolean")]),t._v(" | "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"parameters-4"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-4"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("context")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/interfaces/EventContext.html"}},[e("code",[t._v("EventContext")])])],1)]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("event")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("ChartEvent")])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-4"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-4"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("boolean")]),t._v(" | "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-28"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-28"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#enter"}},[t._v("enter")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-34"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-34"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/a15dde6/types/events.d.ts#L25",target:"_blank",rel:"noopener noreferrer"}},[t._v("events.d.ts:25"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"leave"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#leave"}},[t._v("#")]),t._v(" leave")]),t._v(" "),e("p",[t._v("▸ "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("leave")]),t._v("("),e("code",[t._v("context")]),t._v(", "),e("code",[t._v("event")]),t._v("): "),e("code",[t._v("boolean")]),t._v(" | "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"parameters-5"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-5"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("context")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/interfaces/EventContext.html"}},[e("code",[t._v("EventContext")])])],1)]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("event")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("ChartEvent")])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-5"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-5"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("boolean")]),t._v(" | "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-29"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-29"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#leave"}},[t._v("leave")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-35"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-35"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/a15dde6/types/events.d.ts#L26",target:"_blank",rel:"noopener noreferrer"}},[t._v("events.d.ts:26"),e("OutboundLink")],1)])])}),[],!1,null,null,null);e.default=n.exports}}]); \ No newline at end of file diff --git a/master/assets/js/43.0fc45a11.js b/master/assets/js/43.4b5a5eaf.js similarity index 94% rename from master/assets/js/43.0fc45a11.js rename to master/assets/js/43.4b5a5eaf.js index 6811fe37a..cb834b560 100644 --- a/master/assets/js/43.0fc45a11.js +++ b/master/assets/js/43.4b5a5eaf.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[43],{454:function(t,e,a){"use strict";a.r(e);var r=a(4),n=Object(r.a)({},(function(){var t=this,e=t._self._c;return e("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[e("h1",{attrs:{id:"interface-polygonannotationoptions"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#interface-polygonannotationoptions"}},[t._v("#")]),t._v(" Interface: PolygonAnnotationOptions")]),t._v(" "),e("h2",{attrs:{id:"hierarchy"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#hierarchy"}},[t._v("#")]),t._v(" Hierarchy")]),t._v(" "),e("ul",[e("li",[e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html"}},[e("code",[t._v("CoreAnnotationOptions")])])],1)]),t._v(" "),e("li",[e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/AnnotationPointCoordinates.html"}},[e("code",[t._v("AnnotationPointCoordinates")])])],1),t._v(" "),e("p",[t._v("↳ "),e("strong",[e("code",[t._v("PolygonAnnotationOptions")])])])])]),t._v(" "),e("h2",{attrs:{id:"properties"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#properties"}},[t._v("#")]),t._v(" Properties")]),t._v(" "),e("h3",{attrs:{id:"adjustscalerange"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#adjustscalerange"}},[t._v("#")]),t._v(" adjustScaleRange")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("adjustScaleRange")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("boolean")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"inherited-from"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#adjustscalerange"}},[t._v("adjustScaleRange")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/456e46b/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/456e46b/types/options.d.ts#L141",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:141"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"backgroundshadowcolor"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#backgroundshadowcolor"}},[t._v("#")]),t._v(" backgroundShadowColor")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("backgroundShadowColor")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("Color")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"inherited-from-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-2"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#backgroundshadowcolor"}},[t._v("backgroundShadowColor")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-3"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-3"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/456e46b/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/456e46b/types/options.d.ts#L142",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:142"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"bordercolor"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#bordercolor"}},[t._v("#")]),t._v(" borderColor")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("borderColor")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("Color")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"inherited-from-3"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-3"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#bordercolor"}},[t._v("borderColor")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-5"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-5"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/456e46b/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/456e46b/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/456e46b/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/456e46b/types/options.d.ts#L143",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:143"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"bordershadowcolor"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#bordershadowcolor"}},[t._v("#")]),t._v(" borderShadowColor")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("borderShadowColor")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("Color")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"inherited-from-6"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-6"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#bordershadowcolor"}},[t._v("borderShadowColor")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-9"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-9"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/456e46b/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/456e46b/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/456e46b/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/456e46b/types/options.d.ts#L44",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:44"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"hittolerance"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#hittolerance"}},[t._v("#")]),t._v(" hitTolerance")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("hitTolerance")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("number")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"inherited-from-10"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-10"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#hittolerance"}},[t._v("hitTolerance")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-13"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-13"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/456e46b/types/options.d.ts#L45",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:45"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"id"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#id"}},[t._v("#")]),t._v(" id")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("id")]),t._v(": "),e("code",[t._v("string")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-11"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-11"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#id"}},[t._v("id")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-14"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-14"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/456e46b/types/options.d.ts#L47",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:47"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"init"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#init"}},[t._v("#")]),t._v(" init")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("init")]),t._v(": "),e("code",[t._v("boolean")]),t._v(" | ("),e("code",[t._v("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-12"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-12"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#init"}},[t._v("init")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-15"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-15"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/456e46b/types/options.d.ts#L46",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:46"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"point"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#point"}},[t._v("#")]),t._v(" point")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("point")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/interfaces/PointAnnotationOptions.html"}},[e("code",[t._v("PointAnnotationOptions")])])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-16"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-16"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/456e46b/types/options.d.ts#L144",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:144"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"radius"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#radius"}},[t._v("#")]),t._v(" radius")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("radius")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("number")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"defined-in-17"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-17"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/456e46b/types/options.d.ts#L145",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:145"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"rotation"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#rotation"}},[t._v("#")]),t._v(" rotation")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("rotation")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("number")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"defined-in-18"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-18"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/456e46b/types/options.d.ts#L146",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:146"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"shadowblur"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#shadowblur"}},[t._v("#")]),t._v(" shadowBlur")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("shadowBlur")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("number")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"inherited-from-13"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-13"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#shadowblur"}},[t._v("shadowBlur")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-19"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-19"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/456e46b/types/options.d.ts#L32",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:32"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"shadowoffsetx"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#shadowoffsetx"}},[t._v("#")]),t._v(" shadowOffsetX")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("shadowOffsetX")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("number")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"inherited-from-14"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-14"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#shadowoffsetx"}},[t._v("shadowOffsetX")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-20"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-20"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/456e46b/types/options.d.ts#L33",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:33"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"shadowoffsety"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#shadowoffsety"}},[t._v("#")]),t._v(" shadowOffsetY")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("shadowOffsetY")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("number")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"inherited-from-15"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-15"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#shadowoffsety"}},[t._v("shadowOffsetY")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-21"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-21"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/456e46b/types/options.d.ts#L34",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:34"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"sides"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#sides"}},[t._v("#")]),t._v(" sides")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("sides")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("number")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"defined-in-22"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-22"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/456e46b/types/options.d.ts#L147",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:147"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"xadjust"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#xadjust"}},[t._v("#")]),t._v(" xAdjust")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("xAdjust")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("number")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"defined-in-23"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-23"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/456e46b/types/options.d.ts#L148",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:148"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"xmax"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#xmax"}},[t._v("#")]),t._v(" xMax")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("xMax")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("RouterLink",{attrs:{to:"/api/#scalevalue"}},[e("code",[t._v("ScaleValue")])]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"inherited-from-16"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-16"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#xmax"}},[t._v("xMax")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-24"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-24"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/456e46b/types/options.d.ts#L48",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:48"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"xmin"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#xmin"}},[t._v("#")]),t._v(" xMin")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("xMin")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("RouterLink",{attrs:{to:"/api/#scalevalue"}},[e("code",[t._v("ScaleValue")])]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"inherited-from-17"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-17"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#xmin"}},[t._v("xMin")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-25"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-25"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/456e46b/types/options.d.ts#L49",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:49"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"xscaleid"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#xscaleid"}},[t._v("#")]),t._v(" xScaleID")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("xScaleID")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("string")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"inherited-from-18"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-18"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#xscaleid"}},[t._v("xScaleID")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-26"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-26"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/456e46b/types/options.d.ts#L50",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:50"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"xvalue"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#xvalue"}},[t._v("#")]),t._v(" xValue")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("xValue")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("RouterLink",{attrs:{to:"/api/#scalevalue"}},[e("code",[t._v("ScaleValue")])]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"inherited-from-19"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-19"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/AnnotationPointCoordinates.html"}},[t._v("AnnotationPointCoordinates")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/AnnotationPointCoordinates.html#xvalue"}},[t._v("xValue")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-27"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-27"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/456e46b/types/options.d.ts#L58",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:58"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"yadjust"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#yadjust"}},[t._v("#")]),t._v(" yAdjust")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("yAdjust")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("number")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"defined-in-28"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-28"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/456e46b/types/options.d.ts#L149",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:149"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"ymax"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#ymax"}},[t._v("#")]),t._v(" yMax")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("yMax")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("RouterLink",{attrs:{to:"/api/#scalevalue"}},[e("code",[t._v("ScaleValue")])]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"inherited-from-20"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-20"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#ymax"}},[t._v("yMax")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-29"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-29"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/456e46b/types/options.d.ts#L51",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:51"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"ymin"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#ymin"}},[t._v("#")]),t._v(" yMin")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("yMin")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("RouterLink",{attrs:{to:"/api/#scalevalue"}},[e("code",[t._v("ScaleValue")])]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"inherited-from-21"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-21"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#ymin"}},[t._v("yMin")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-30"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-30"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/456e46b/types/options.d.ts#L52",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:52"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"yscaleid"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#yscaleid"}},[t._v("#")]),t._v(" yScaleID")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("yScaleID")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("string")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"inherited-from-22"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-22"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#yscaleid"}},[t._v("yScaleID")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-31"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-31"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/456e46b/types/options.d.ts#L53",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:53"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"yvalue"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#yvalue"}},[t._v("#")]),t._v(" yValue")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("yValue")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("RouterLink",{attrs:{to:"/api/#scalevalue"}},[e("code",[t._v("ScaleValue")])]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"inherited-from-23"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-23"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/AnnotationPointCoordinates.html"}},[t._v("AnnotationPointCoordinates")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/AnnotationPointCoordinates.html#yvalue"}},[t._v("yValue")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-32"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-32"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/456e46b/types/options.d.ts#L59",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:59"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"z"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#z"}},[t._v("#")]),t._v(" z")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("z")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("number")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"inherited-from-24"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-24"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#z"}},[t._v("z")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-33"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-33"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/456e46b/types/options.d.ts#L54",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:54"),e("OutboundLink")],1)]),t._v(" "),e("h2",{attrs:{id:"methods"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#methods"}},[t._v("#")]),t._v(" Methods")]),t._v(" "),e("h3",{attrs:{id:"afterdraw"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#afterdraw"}},[t._v("#")]),t._v(" afterDraw")]),t._v(" "),e("p",[t._v("▸ "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("afterDraw")]),t._v("("),e("code",[t._v("context")]),t._v("): "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"parameters"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("context")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/interfaces/EventContext.html"}},[e("code",[t._v("EventContext")])])],1)])])]),t._v(" "),e("h4",{attrs:{id:"returns"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-25"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-25"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#afterdraw"}},[t._v("afterDraw")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-34"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-34"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/456e46b/types/options.d.ts#L23",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:23"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"beforedraw"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#beforedraw"}},[t._v("#")]),t._v(" beforeDraw")]),t._v(" "),e("p",[t._v("▸ "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("beforeDraw")]),t._v("("),e("code",[t._v("context")]),t._v("): "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"parameters-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-2"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("context")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/interfaces/EventContext.html"}},[e("code",[t._v("EventContext")])])],1)])])]),t._v(" "),e("h4",{attrs:{id:"returns-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-2"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-26"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-26"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#beforedraw"}},[t._v("beforeDraw")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-35"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-35"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/456e46b/types/options.d.ts#L22",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:22"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"click"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#click"}},[t._v("#")]),t._v(" click")]),t._v(" "),e("p",[t._v("▸ "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("click")]),t._v("("),e("code",[t._v("context")]),t._v(", "),e("code",[t._v("event")]),t._v("): "),e("code",[t._v("boolean")]),t._v(" | "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"parameters-3"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-3"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("context")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/interfaces/EventContext.html"}},[e("code",[t._v("EventContext")])])],1)]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("event")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("ChartEvent")])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-3"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-3"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("boolean")]),t._v(" | "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-27"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-27"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#click"}},[t._v("click")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-36"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-36"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/456e46b/types/events.d.ts#L27",target:"_blank",rel:"noopener noreferrer"}},[t._v("events.d.ts:27"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"enter"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#enter"}},[t._v("#")]),t._v(" enter")]),t._v(" "),e("p",[t._v("▸ "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("enter")]),t._v("("),e("code",[t._v("context")]),t._v(", "),e("code",[t._v("event")]),t._v("): "),e("code",[t._v("boolean")]),t._v(" | "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"parameters-4"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-4"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("context")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/interfaces/EventContext.html"}},[e("code",[t._v("EventContext")])])],1)]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("event")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("ChartEvent")])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-4"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-4"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("boolean")]),t._v(" | "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-28"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-28"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#enter"}},[t._v("enter")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-37"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-37"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/456e46b/types/events.d.ts#L25",target:"_blank",rel:"noopener noreferrer"}},[t._v("events.d.ts:25"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"leave"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#leave"}},[t._v("#")]),t._v(" leave")]),t._v(" "),e("p",[t._v("▸ "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("leave")]),t._v("("),e("code",[t._v("context")]),t._v(", "),e("code",[t._v("event")]),t._v("): "),e("code",[t._v("boolean")]),t._v(" | "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"parameters-5"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-5"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("context")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/interfaces/EventContext.html"}},[e("code",[t._v("EventContext")])])],1)]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("event")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("ChartEvent")])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-5"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-5"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("boolean")]),t._v(" | "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-29"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-29"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#leave"}},[t._v("leave")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-38"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-38"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/456e46b/types/events.d.ts#L26",target:"_blank",rel:"noopener noreferrer"}},[t._v("events.d.ts:26"),e("OutboundLink")],1)])])}),[],!1,null,null,null);e.default=n.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[43],{453:function(t,e,a){"use strict";a.r(e);var r=a(4),n=Object(r.a)({},(function(){var t=this,e=t._self._c;return e("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[e("h1",{attrs:{id:"interface-polygonannotationoptions"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#interface-polygonannotationoptions"}},[t._v("#")]),t._v(" Interface: PolygonAnnotationOptions")]),t._v(" "),e("h2",{attrs:{id:"hierarchy"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#hierarchy"}},[t._v("#")]),t._v(" Hierarchy")]),t._v(" "),e("ul",[e("li",[e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html"}},[e("code",[t._v("CoreAnnotationOptions")])])],1)]),t._v(" "),e("li",[e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/AnnotationPointCoordinates.html"}},[e("code",[t._v("AnnotationPointCoordinates")])])],1),t._v(" "),e("p",[t._v("↳ "),e("strong",[e("code",[t._v("PolygonAnnotationOptions")])])])])]),t._v(" "),e("h2",{attrs:{id:"properties"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#properties"}},[t._v("#")]),t._v(" Properties")]),t._v(" "),e("h3",{attrs:{id:"adjustscalerange"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#adjustscalerange"}},[t._v("#")]),t._v(" adjustScaleRange")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("adjustScaleRange")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("boolean")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"inherited-from"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#adjustscalerange"}},[t._v("adjustScaleRange")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/a15dde6/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/a15dde6/types/options.d.ts#L141",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:141"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"backgroundshadowcolor"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#backgroundshadowcolor"}},[t._v("#")]),t._v(" backgroundShadowColor")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("backgroundShadowColor")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("Color")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"inherited-from-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-2"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#backgroundshadowcolor"}},[t._v("backgroundShadowColor")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-3"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-3"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/a15dde6/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/a15dde6/types/options.d.ts#L142",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:142"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"bordercolor"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#bordercolor"}},[t._v("#")]),t._v(" borderColor")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("borderColor")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("Color")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"inherited-from-3"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-3"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#bordercolor"}},[t._v("borderColor")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-5"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-5"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/a15dde6/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/a15dde6/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/a15dde6/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/a15dde6/types/options.d.ts#L143",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:143"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"bordershadowcolor"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#bordershadowcolor"}},[t._v("#")]),t._v(" borderShadowColor")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("borderShadowColor")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("Color")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"inherited-from-6"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-6"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#bordershadowcolor"}},[t._v("borderShadowColor")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-9"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-9"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/a15dde6/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/a15dde6/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/a15dde6/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/a15dde6/types/options.d.ts#L44",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:44"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"hittolerance"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#hittolerance"}},[t._v("#")]),t._v(" hitTolerance")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("hitTolerance")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("number")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"inherited-from-10"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-10"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#hittolerance"}},[t._v("hitTolerance")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-13"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-13"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/a15dde6/types/options.d.ts#L45",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:45"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"id"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#id"}},[t._v("#")]),t._v(" id")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("id")]),t._v(": "),e("code",[t._v("string")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-11"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-11"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#id"}},[t._v("id")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-14"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-14"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/a15dde6/types/options.d.ts#L47",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:47"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"init"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#init"}},[t._v("#")]),t._v(" init")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("init")]),t._v(": "),e("code",[t._v("boolean")]),t._v(" | ("),e("code",[t._v("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-12"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-12"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#init"}},[t._v("init")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-15"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-15"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/a15dde6/types/options.d.ts#L46",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:46"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"point"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#point"}},[t._v("#")]),t._v(" point")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("point")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/interfaces/PointAnnotationOptions.html"}},[e("code",[t._v("PointAnnotationOptions")])])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-16"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-16"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/a15dde6/types/options.d.ts#L144",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:144"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"radius"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#radius"}},[t._v("#")]),t._v(" radius")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("radius")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("number")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"defined-in-17"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-17"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/a15dde6/types/options.d.ts#L145",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:145"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"rotation"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#rotation"}},[t._v("#")]),t._v(" rotation")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("rotation")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("number")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"defined-in-18"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-18"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/a15dde6/types/options.d.ts#L146",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:146"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"shadowblur"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#shadowblur"}},[t._v("#")]),t._v(" shadowBlur")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("shadowBlur")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("number")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"inherited-from-13"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-13"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#shadowblur"}},[t._v("shadowBlur")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-19"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-19"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/a15dde6/types/options.d.ts#L32",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:32"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"shadowoffsetx"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#shadowoffsetx"}},[t._v("#")]),t._v(" shadowOffsetX")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("shadowOffsetX")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("number")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"inherited-from-14"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-14"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#shadowoffsetx"}},[t._v("shadowOffsetX")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-20"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-20"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/a15dde6/types/options.d.ts#L33",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:33"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"shadowoffsety"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#shadowoffsety"}},[t._v("#")]),t._v(" shadowOffsetY")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("shadowOffsetY")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("number")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"inherited-from-15"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-15"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#shadowoffsety"}},[t._v("shadowOffsetY")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-21"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-21"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/a15dde6/types/options.d.ts#L34",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:34"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"sides"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#sides"}},[t._v("#")]),t._v(" sides")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("sides")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("number")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"defined-in-22"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-22"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/a15dde6/types/options.d.ts#L147",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:147"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"xadjust"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#xadjust"}},[t._v("#")]),t._v(" xAdjust")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("xAdjust")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("number")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"defined-in-23"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-23"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/a15dde6/types/options.d.ts#L148",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:148"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"xmax"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#xmax"}},[t._v("#")]),t._v(" xMax")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("xMax")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("RouterLink",{attrs:{to:"/api/#scalevalue"}},[e("code",[t._v("ScaleValue")])]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"inherited-from-16"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-16"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#xmax"}},[t._v("xMax")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-24"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-24"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/a15dde6/types/options.d.ts#L48",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:48"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"xmin"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#xmin"}},[t._v("#")]),t._v(" xMin")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("xMin")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("RouterLink",{attrs:{to:"/api/#scalevalue"}},[e("code",[t._v("ScaleValue")])]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"inherited-from-17"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-17"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#xmin"}},[t._v("xMin")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-25"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-25"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/a15dde6/types/options.d.ts#L49",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:49"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"xscaleid"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#xscaleid"}},[t._v("#")]),t._v(" xScaleID")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("xScaleID")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("string")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"inherited-from-18"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-18"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#xscaleid"}},[t._v("xScaleID")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-26"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-26"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/a15dde6/types/options.d.ts#L50",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:50"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"xvalue"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#xvalue"}},[t._v("#")]),t._v(" xValue")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("xValue")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("RouterLink",{attrs:{to:"/api/#scalevalue"}},[e("code",[t._v("ScaleValue")])]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"inherited-from-19"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-19"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/AnnotationPointCoordinates.html"}},[t._v("AnnotationPointCoordinates")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/AnnotationPointCoordinates.html#xvalue"}},[t._v("xValue")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-27"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-27"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/a15dde6/types/options.d.ts#L58",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:58"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"yadjust"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#yadjust"}},[t._v("#")]),t._v(" yAdjust")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("yAdjust")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("number")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"defined-in-28"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-28"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/a15dde6/types/options.d.ts#L149",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:149"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"ymax"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#ymax"}},[t._v("#")]),t._v(" yMax")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("yMax")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("RouterLink",{attrs:{to:"/api/#scalevalue"}},[e("code",[t._v("ScaleValue")])]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"inherited-from-20"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-20"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#ymax"}},[t._v("yMax")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-29"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-29"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/a15dde6/types/options.d.ts#L51",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:51"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"ymin"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#ymin"}},[t._v("#")]),t._v(" yMin")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("yMin")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("RouterLink",{attrs:{to:"/api/#scalevalue"}},[e("code",[t._v("ScaleValue")])]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"inherited-from-21"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-21"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#ymin"}},[t._v("yMin")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-30"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-30"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/a15dde6/types/options.d.ts#L52",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:52"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"yscaleid"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#yscaleid"}},[t._v("#")]),t._v(" yScaleID")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("yScaleID")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("string")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"inherited-from-22"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-22"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#yscaleid"}},[t._v("yScaleID")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-31"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-31"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/a15dde6/types/options.d.ts#L53",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:53"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"yvalue"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#yvalue"}},[t._v("#")]),t._v(" yValue")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("yValue")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("RouterLink",{attrs:{to:"/api/#scalevalue"}},[e("code",[t._v("ScaleValue")])]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"inherited-from-23"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-23"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/AnnotationPointCoordinates.html"}},[t._v("AnnotationPointCoordinates")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/AnnotationPointCoordinates.html#yvalue"}},[t._v("yValue")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-32"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-32"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/a15dde6/types/options.d.ts#L59",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:59"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"z"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#z"}},[t._v("#")]),t._v(" z")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("z")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("number")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"inherited-from-24"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-24"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#z"}},[t._v("z")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-33"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-33"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/a15dde6/types/options.d.ts#L54",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:54"),e("OutboundLink")],1)]),t._v(" "),e("h2",{attrs:{id:"methods"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#methods"}},[t._v("#")]),t._v(" Methods")]),t._v(" "),e("h3",{attrs:{id:"afterdraw"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#afterdraw"}},[t._v("#")]),t._v(" afterDraw")]),t._v(" "),e("p",[t._v("▸ "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("afterDraw")]),t._v("("),e("code",[t._v("context")]),t._v("): "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"parameters"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("context")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/interfaces/EventContext.html"}},[e("code",[t._v("EventContext")])])],1)])])]),t._v(" "),e("h4",{attrs:{id:"returns"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-25"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-25"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#afterdraw"}},[t._v("afterDraw")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-34"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-34"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/a15dde6/types/options.d.ts#L23",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:23"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"beforedraw"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#beforedraw"}},[t._v("#")]),t._v(" beforeDraw")]),t._v(" "),e("p",[t._v("▸ "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("beforeDraw")]),t._v("("),e("code",[t._v("context")]),t._v("): "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"parameters-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-2"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("context")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/interfaces/EventContext.html"}},[e("code",[t._v("EventContext")])])],1)])])]),t._v(" "),e("h4",{attrs:{id:"returns-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-2"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-26"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-26"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#beforedraw"}},[t._v("beforeDraw")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-35"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-35"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/a15dde6/types/options.d.ts#L22",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:22"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"click"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#click"}},[t._v("#")]),t._v(" click")]),t._v(" "),e("p",[t._v("▸ "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("click")]),t._v("("),e("code",[t._v("context")]),t._v(", "),e("code",[t._v("event")]),t._v("): "),e("code",[t._v("boolean")]),t._v(" | "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"parameters-3"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-3"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("context")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/interfaces/EventContext.html"}},[e("code",[t._v("EventContext")])])],1)]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("event")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("ChartEvent")])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-3"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-3"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("boolean")]),t._v(" | "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-27"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-27"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#click"}},[t._v("click")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-36"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-36"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/a15dde6/types/events.d.ts#L27",target:"_blank",rel:"noopener noreferrer"}},[t._v("events.d.ts:27"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"enter"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#enter"}},[t._v("#")]),t._v(" enter")]),t._v(" "),e("p",[t._v("▸ "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("enter")]),t._v("("),e("code",[t._v("context")]),t._v(", "),e("code",[t._v("event")]),t._v("): "),e("code",[t._v("boolean")]),t._v(" | "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"parameters-4"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-4"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("context")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/interfaces/EventContext.html"}},[e("code",[t._v("EventContext")])])],1)]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("event")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("ChartEvent")])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-4"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-4"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("boolean")]),t._v(" | "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-28"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-28"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#enter"}},[t._v("enter")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-37"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-37"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/a15dde6/types/events.d.ts#L25",target:"_blank",rel:"noopener noreferrer"}},[t._v("events.d.ts:25"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"leave"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#leave"}},[t._v("#")]),t._v(" leave")]),t._v(" "),e("p",[t._v("▸ "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("leave")]),t._v("("),e("code",[t._v("context")]),t._v(", "),e("code",[t._v("event")]),t._v("): "),e("code",[t._v("boolean")]),t._v(" | "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"parameters-5"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-5"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("context")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/interfaces/EventContext.html"}},[e("code",[t._v("EventContext")])])],1)]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("event")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("ChartEvent")])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-5"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-5"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("boolean")]),t._v(" | "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-29"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-29"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#leave"}},[t._v("leave")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-38"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-38"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/a15dde6/types/events.d.ts#L26",target:"_blank",rel:"noopener noreferrer"}},[t._v("events.d.ts:26"),e("OutboundLink")],1)])])}),[],!1,null,null,null);e.default=n.exports}}]); \ No newline at end of file diff --git a/master/assets/js/44.8e361946.js b/master/assets/js/44.8e361946.js new file mode 100644 index 000000000..0c9478496 --- /dev/null +++ b/master/assets/js/44.8e361946.js @@ -0,0 +1 @@ +(window.webpackJsonp=window.webpackJsonp||[]).push([[44],{454:function(t,a,e){"use strict";e.r(a);var r=e(4),o=Object(r.a)({},(function(){var t=this,a=t._self._c;return a("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[a("h1",{attrs:{id:"interface-shadowoptions"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#interface-shadowoptions"}},[t._v("#")]),t._v(" Interface: ShadowOptions")]),t._v(" "),a("h2",{attrs:{id:"hierarchy"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#hierarchy"}},[t._v("#")]),t._v(" Hierarchy")]),t._v(" "),a("ul",[a("li",[a("p",[a("strong",[a("code",[t._v("ShadowOptions")])])]),t._v(" "),a("p",[t._v("↳ "),a("RouterLink",{attrs:{to:"/api/interfaces/LabelOptions.html"}},[a("code",[t._v("LabelOptions")])])],1),t._v(" "),a("p",[t._v("↳ "),a("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html"}},[a("code",[t._v("CoreAnnotationOptions")])])],1),t._v(" "),a("p",[t._v("↳ "),a("RouterLink",{attrs:{to:"/api/interfaces/ArrowHeadOptions.html"}},[a("code",[t._v("ArrowHeadOptions")])])],1)])]),t._v(" "),a("h2",{attrs:{id:"properties"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#properties"}},[t._v("#")]),t._v(" Properties")]),t._v(" "),a("h3",{attrs:{id:"backgroundshadowcolor"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#backgroundshadowcolor"}},[t._v("#")]),t._v(" backgroundShadowColor")]),t._v(" "),a("p",[t._v("• "),a("code",[t._v("Optional")]),t._v(" "),a("strong",[t._v("backgroundShadowColor")]),t._v(": "),a("RouterLink",{attrs:{to:"/api/#scriptable"}},[a("code",[t._v("Scriptable")])]),t._v("<"),a("code",[t._v("Color")]),t._v(", "),a("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[a("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),a("h4",{attrs:{id:"defined-in"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#defined-in"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),a("p",[a("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/a15dde6/types/options.d.ts#L30",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:30"),a("OutboundLink")],1)]),t._v(" "),a("hr"),t._v(" "),a("h3",{attrs:{id:"bordershadowcolor"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#bordershadowcolor"}},[t._v("#")]),t._v(" borderShadowColor")]),t._v(" "),a("p",[t._v("• "),a("code",[t._v("Optional")]),t._v(" "),a("strong",[t._v("borderShadowColor")]),t._v(": "),a("RouterLink",{attrs:{to:"/api/#scriptable"}},[a("code",[t._v("Scriptable")])]),t._v("<"),a("code",[t._v("Color")]),t._v(", "),a("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[a("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),a("h4",{attrs:{id:"defined-in-2"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-2"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),a("p",[a("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/a15dde6/types/options.d.ts#L31",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:31"),a("OutboundLink")],1)]),t._v(" "),a("hr"),t._v(" "),a("h3",{attrs:{id:"shadowblur"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#shadowblur"}},[t._v("#")]),t._v(" shadowBlur")]),t._v(" "),a("p",[t._v("• "),a("code",[t._v("Optional")]),t._v(" "),a("strong",[t._v("shadowBlur")]),t._v(": "),a("RouterLink",{attrs:{to:"/api/#scriptable"}},[a("code",[t._v("Scriptable")])]),t._v("<"),a("code",[t._v("number")]),t._v(", "),a("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[a("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),a("h4",{attrs:{id:"defined-in-3"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-3"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),a("p",[a("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/a15dde6/types/options.d.ts#L32",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:32"),a("OutboundLink")],1)]),t._v(" "),a("hr"),t._v(" "),a("h3",{attrs:{id:"shadowoffsetx"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#shadowoffsetx"}},[t._v("#")]),t._v(" shadowOffsetX")]),t._v(" "),a("p",[t._v("• "),a("code",[t._v("Optional")]),t._v(" "),a("strong",[t._v("shadowOffsetX")]),t._v(": "),a("RouterLink",{attrs:{to:"/api/#scriptable"}},[a("code",[t._v("Scriptable")])]),t._v("<"),a("code",[t._v("number")]),t._v(", "),a("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[a("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),a("h4",{attrs:{id:"defined-in-4"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-4"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),a("p",[a("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/a15dde6/types/options.d.ts#L33",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:33"),a("OutboundLink")],1)]),t._v(" "),a("hr"),t._v(" "),a("h3",{attrs:{id:"shadowoffsety"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#shadowoffsety"}},[t._v("#")]),t._v(" shadowOffsetY")]),t._v(" "),a("p",[t._v("• "),a("code",[t._v("Optional")]),t._v(" "),a("strong",[t._v("shadowOffsetY")]),t._v(": "),a("RouterLink",{attrs:{to:"/api/#scriptable"}},[a("code",[t._v("Scriptable")])]),t._v("<"),a("code",[t._v("number")]),t._v(", "),a("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[a("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),a("h4",{attrs:{id:"defined-in-5"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-5"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),a("p",[a("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/a15dde6/types/options.d.ts#L34",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:34"),a("OutboundLink")],1)])])}),[],!1,null,null,null);a.default=o.exports}}]); \ No newline at end of file diff --git a/master/assets/js/44.ce280574.js b/master/assets/js/44.ce280574.js deleted file mode 100644 index 8e078a50a..000000000 --- a/master/assets/js/44.ce280574.js +++ /dev/null @@ -1 +0,0 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[44],{453:function(t,e,a){"use strict";a.r(e);var r=a(4),o=Object(r.a)({},(function(){var t=this,e=t._self._c;return e("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[e("h1",{attrs:{id:"interface-shadowoptions"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#interface-shadowoptions"}},[t._v("#")]),t._v(" Interface: ShadowOptions")]),t._v(" "),e("h2",{attrs:{id:"hierarchy"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#hierarchy"}},[t._v("#")]),t._v(" Hierarchy")]),t._v(" "),e("ul",[e("li",[e("p",[e("strong",[e("code",[t._v("ShadowOptions")])])]),t._v(" "),e("p",[t._v("↳ "),e("RouterLink",{attrs:{to:"/api/interfaces/LabelOptions.html"}},[e("code",[t._v("LabelOptions")])])],1),t._v(" "),e("p",[t._v("↳ "),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html"}},[e("code",[t._v("CoreAnnotationOptions")])])],1),t._v(" "),e("p",[t._v("↳ "),e("RouterLink",{attrs:{to:"/api/interfaces/ArrowHeadOptions.html"}},[e("code",[t._v("ArrowHeadOptions")])])],1)])]),t._v(" "),e("h2",{attrs:{id:"properties"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#properties"}},[t._v("#")]),t._v(" Properties")]),t._v(" "),e("h3",{attrs:{id:"backgroundshadowcolor"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#backgroundshadowcolor"}},[t._v("#")]),t._v(" backgroundShadowColor")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("backgroundShadowColor")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("Color")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"defined-in"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/456e46b/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/456e46b/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/456e46b/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/456e46b/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/456e46b/types/options.d.ts#L34",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:34"),e("OutboundLink")],1)])])}),[],!1,null,null,null);e.default=o.exports}}]); \ No newline at end of file diff --git a/master/assets/js/45.315e651f.js b/master/assets/js/45.f093a40a.js similarity index 57% rename from master/assets/js/45.315e651f.js rename to master/assets/js/45.f093a40a.js index ad3d960a5..257533438 100644 --- a/master/assets/js/45.315e651f.js +++ b/master/assets/js/45.f093a40a.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[45],{457:function(t,a,e){"use strict";e.r(a);var n=e(4),s=Object(n.a)({},(function(){var t=this,a=t._self._c;return a("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[a("h2",{attrs:{id:"top-level-options"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#top-level-options"}},[t._v("#")]),t._v(" Top level options")]),t._v(" "),a("p",[t._v("The following options are available at the top level. They apply to all annotations unless they are overwritten on a per-annotation basis.")]),t._v(" "),a("table",[a("thead",[a("tr",[a("th",[t._v("Name")]),t._v(" "),a("th",[t._v("Type")]),t._v(" "),a("th",{staticStyle:{"text-align":"center"}},[a("RouterLink",{attrs:{to:"/guide/options.html#scriptable-options"}},[t._v("Scriptable")])],1),t._v(" "),a("th",[t._v("Default")]),t._v(" "),a("th",[t._v("Notes")])])]),t._v(" "),a("tbody",[a("tr",[a("td",[a("a",{attrs:{href:"#animations"}},[a("code",[t._v("animations")])])]),t._v(" "),a("td",[a("code",[t._v("object")])]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[t._v("No")]),t._v(" "),a("td",[a("a",{attrs:{href:"#default-animations"}},[t._v("see here")])]),t._v(" "),a("td",[t._v("To configure which element properties are animated and how.")])]),t._v(" "),a("tr",[a("td",[a("code",[t._v("annnotations")])]),t._v(" "),a("td",[a("code",[t._v("object")]),t._v("|"),a("code",[t._v("array")])]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),a("td",[a("code",[t._v("undefined")])]),t._v(" "),a("td",[t._v("To configure all annotations to draw.")])]),t._v(" "),a("tr",[a("td",[a("code",[t._v("clip")])]),t._v(" "),a("td",[a("code",[t._v("boolean")])]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[t._v("No")]),t._v(" "),a("td",[a("code",[t._v("true")])]),t._v(" "),a("td",[t._v("Are the annotations clipped to the chartArea.")])]),t._v(" "),a("tr",[a("td",[a("a",{attrs:{href:"#common"}},[a("code",[t._v("common")])])]),t._v(" "),a("td",[a("code",[t._v("Object")])]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[t._v("No")]),t._v(" "),a("td"),t._v(" "),a("td",[t._v("To configure common options apply to all annotations")])]),t._v(" "),a("tr",[a("td",[a("RouterLink",{attrs:{to:"/guide/options.html#interaction"}},[a("code",[t._v("interaction")])])],1),t._v(" "),a("td",[a("code",[t._v("Object")])]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[t._v("No")]),t._v(" "),a("td",[a("code",[t._v("options.interaction")])]),t._v(" "),a("td",[t._v("To configure which events trigger plugin interactions")])])])]),t._v(" "),a("div",{staticClass:"custom-block warning"},[a("p",{staticClass:"custom-block-title"},[t._v("WARNING")]),t._v(" "),a("p",[t._v("Setting "),a("code",[t._v("clip")]),t._v(" to "),a("code",[t._v("false")]),t._v(", you can enable the possibility to draw part of the annotation outside of the chart area.")]),t._v(" "),a("p",[t._v("Nevertheless events are only caught over the chartArea.")])]),t._v(" "),a("h2",{attrs:{id:"animations"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#animations"}},[t._v("#")]),t._v(" Animations")]),t._v(" "),a("p",[t._v("Animations options configures which element properties are animated and how, with the same configuration of "),a("a",{attrs:{href:"https://www.chartjs.org/docs/latest/configuration/animations.html#animations-2",target:"_blank",rel:"noopener noreferrer"}},[t._v("chart.js"),a("OutboundLink")],1),t._v(".")]),t._v(" "),a("div",{staticClass:"language-javascript extra-class"},[a("pre",{pre:!0,attrs:{class:"language-javascript"}},[a("code",[a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" options "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("plugins")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("annotation")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("animations")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("numbers")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("properties")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("'x'")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("'y'")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("'x2'")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("'y2'")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("'width'")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("'height'")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("'radius'")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("type")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("'number'")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("annotations")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("box1")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("type")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("'box'")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("xMin")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("1")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("xMax")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("2")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("yMin")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("50")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("yMax")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("70")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("backgroundColor")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("'rgba(255, 99, 132, 0.5)'")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])])]),a("h3",{attrs:{id:"default-animations"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#default-animations"}},[t._v("#")]),t._v(" Default animations")]),t._v(" "),a("table",[a("thead",[a("tr",[a("th",[t._v("Name")]),t._v(" "),a("th",[t._v("Option")]),t._v(" "),a("th",[t._v("Value")])])]),t._v(" "),a("tbody",[a("tr",[a("td",[a("code",[t._v("numbers")])]),t._v(" "),a("td",[a("code",[t._v("properties")])]),t._v(" "),a("td",[a("code",[t._v("['x', 'y', 'x2', 'y2', 'width', 'height', 'centerX', 'centerY', 'pointX', 'pointY', 'radius']")])])]),t._v(" "),a("tr",[a("td",[a("code",[t._v("numbers")])]),t._v(" "),a("td",[a("code",[t._v("type")])]),t._v(" "),a("td",[a("code",[t._v("number")])])])])]),t._v(" "),a("h2",{attrs:{id:"common"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#common"}},[t._v("#")]),t._v(" Common")]),t._v(" "),a("p",[t._v("The following options apply to all annotations unless they are overwritten on a per-annotation basis.")]),t._v(" "),a("table",[a("thead",[a("tr",[a("th",[t._v("Name")]),t._v(" "),a("th",[t._v("Type")]),t._v(" "),a("th",{staticStyle:{"text-align":"center"}},[a("RouterLink",{attrs:{to:"/guide/options.html#scriptable-options"}},[t._v("Scriptable")])],1),t._v(" "),a("th",[t._v("Default")]),t._v(" "),a("th",[t._v("Notes")])])]),t._v(" "),a("tbody",[a("tr",[a("td",[a("code",[t._v("drawTime")])]),t._v(" "),a("td",[a("code",[t._v("string")])]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),a("td",[a("code",[t._v("'afterDatasetsDraw'")])]),t._v(" "),a("td",[t._v("See "),a("a",{attrs:{href:"options#draw-time"}},[t._v("drawTime")]),t._v(".")])]),t._v(" "),a("tr",[a("td",[a("code",[t._v("init")])]),t._v(" "),a("td",[a("code",[t._v("boolean")])]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("a",{attrs:{href:"#initial-animation"}},[t._v("See initial animation")])]),t._v(" "),a("td",[a("code",[t._v("false")])]),t._v(" "),a("td",[t._v("Enable the animation to the annotations when they are drawing at chart initialization")])])])]),t._v(" "),a("h3",{attrs:{id:"initial-animation"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#initial-animation"}},[t._v("#")]),t._v(" Initial animation")]),t._v(" "),a("p",[t._v("The "),a("code",[t._v("init")]),t._v(" option is scriptable but it doesn't get the "),a("a",{attrs:{href:"./options#option-context"}},[t._v("options context")]),t._v(" as argument but a specific context because the element has not been initialized yet, when the callback is invoked.")]),t._v(" "),a("p",[t._v("This is the signature of the scriptable option:")]),t._v(" "),a("div",{staticClass:"language-javascript extra-class"},[a("pre",{pre:!0,attrs:{class:"language-javascript"}},[a("code",[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token parameter"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("chart"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" properties"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" options"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=>")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("void")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("|")]),t._v(" boolean "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("|")]),t._v(" AnnotationElement\n")])])]),a("p",[t._v("where the properties is the element model")]),t._v(" "),a("div",{staticClass:"language-javascript extra-class"},[a("pre",{pre:!0,attrs:{class:"language-javascript"}},[a("code",[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("x")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" number"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("y")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" number"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("x2")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" number"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("y2")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" number"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("centerX")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" number"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("centerY")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" number"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("width")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" number"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("height")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" number"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n radius"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("?")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" number\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n")])])]),a("p",[t._v("which can be used in the callback to return an object with the initial values of the element, to provide own initial animation.")]),t._v(" "),a("h2",{attrs:{id:"events"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#events"}},[t._v("#")]),t._v(" Events")]),t._v(" "),a("p",[t._v("The following options are available for all annotation types. These options can be specified per annotation, or at the top level which apply to all annotations.")]),t._v(" "),a("table",[a("thead",[a("tr",[a("th",[t._v("Name")]),t._v(" "),a("th",[t._v("Type")]),t._v(" "),a("th",[t._v("Chart event"),a("sup",[t._v("1")])]),t._v(" "),a("th",[t._v("Notes")])])]),t._v(" "),a("tbody",[a("tr",[a("td",[a("code",[t._v("click")])]),t._v(" "),a("td",[a("code",[t._v("(context, event) => boolean | void")])]),t._v(" "),a("td",[a("code",[t._v("'click'")])]),t._v(" "),a("td",[t._v("Called when a single click occurs on the annotation.")])]),t._v(" "),a("tr",[a("td",[a("code",[t._v("enter")])]),t._v(" "),a("td",[a("code",[t._v("(context, event) => boolean | void")])]),t._v(" "),a("td",[a("code",[t._v("'mousemove'")])]),t._v(" "),a("td",[t._v("Called when the mouse enters the annotation.")])]),t._v(" "),a("tr",[a("td",[a("code",[t._v("leave")])]),t._v(" "),a("td",[a("code",[t._v("(context, event) => boolean | void")])]),t._v(" "),a("td",[a("code",[t._v("'mousemove'")])]),t._v(" "),a("td",[t._v("Called when the mouse leaves the annotation.")])])])]),t._v(" "),a("div",{staticClass:"custom-block tip"},[a("p",{staticClass:"custom-block-title"},[t._v("TIP")]),t._v(" "),a("p",[a("strong",[a("sup",[t._v("1")])]),t._v(" "),a("a",{attrs:{href:"https://www.chartjs.org/docs/latest/configuration/interactions.html#events",target:"_blank",rel:"noopener noreferrer"}},[t._v("Chart.js events"),a("OutboundLink")],1),t._v(" that need to be enabled in order to get the associated annotation event working. Note that by default Chart.js enables "),a("code",[t._v("'mousemove', 'mouseout', 'click', 'touchstart', 'touchmove'")]),t._v(", meaning that annotation events work out-of-the-box.")])]),t._v(" "),a("p",[t._v("If the event callbacks explicitly returns "),a("code",[t._v("true")]),t._v(", the chart will re-render automatically after processing the event completely. This is important when there are the annotations that require re-draws (for instance, after a change of a rendering options).")]),t._v(" "),a("h2",{attrs:{id:"hooks"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#hooks"}},[t._v("#")]),t._v(" Hooks")]),t._v(" "),a("p",[t._v("The following hooks are available for all annotation types. These hooks can be specified per annotation, or at the top level which apply to all annotations.")]),t._v(" "),a("p",[t._v("These hooks enable some user customizations on the annotations.")]),t._v(" "),a("table",[a("thead",[a("tr",[a("th",[t._v("Name")]),t._v(" "),a("th",[t._v("Type")]),t._v(" "),a("th",[t._v("Notes")])])]),t._v(" "),a("tbody",[a("tr",[a("td",[a("code",[t._v("beforeDraw")])]),t._v(" "),a("td",[a("code",[t._v("(context) => void")])]),t._v(" "),a("td",[t._v("Called before that the annotation is being drawn.")])]),t._v(" "),a("tr",[a("td",[a("code",[t._v("afterDraw")])]),t._v(" "),a("td",[a("code",[t._v("(context) => void")])]),t._v(" "),a("td",[t._v("Called after the annotation has been drawn.")])])])])])}),[],!1,null,null,null);a.default=s.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[45],{455:function(t,a,e){"use strict";e.r(a);var n=e(4),s=Object(n.a)({},(function(){var t=this,a=t._self._c;return a("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[a("h2",{attrs:{id:"top-level-options"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#top-level-options"}},[t._v("#")]),t._v(" Top level options")]),t._v(" "),a("p",[t._v("The following options are available at the top level. They apply to all annotations unless they are overwritten on a per-annotation basis.")]),t._v(" "),a("table",[a("thead",[a("tr",[a("th",[t._v("Name")]),t._v(" "),a("th",[t._v("Type")]),t._v(" "),a("th",{staticStyle:{"text-align":"center"}},[a("RouterLink",{attrs:{to:"/guide/options.html#scriptable-options"}},[t._v("Scriptable")])],1),t._v(" "),a("th",[t._v("Default")]),t._v(" "),a("th",[t._v("Notes")])])]),t._v(" "),a("tbody",[a("tr",[a("td",[a("a",{attrs:{href:"#animations"}},[a("code",[t._v("animations")])])]),t._v(" "),a("td",[a("code",[t._v("object")])]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[t._v("No")]),t._v(" "),a("td",[a("a",{attrs:{href:"#default-animations"}},[t._v("see here")])]),t._v(" "),a("td",[t._v("To configure which element properties are animated and how.")])]),t._v(" "),a("tr",[a("td",[a("code",[t._v("annnotations")])]),t._v(" "),a("td",[a("code",[t._v("object")]),t._v("|"),a("code",[t._v("array")])]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),a("td",[a("code",[t._v("undefined")])]),t._v(" "),a("td",[t._v("To configure all annotations to draw.")])]),t._v(" "),a("tr",[a("td",[a("code",[t._v("clip")])]),t._v(" "),a("td",[a("code",[t._v("boolean")])]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[t._v("No")]),t._v(" "),a("td",[a("code",[t._v("true")])]),t._v(" "),a("td",[t._v("Are the annotations clipped to the chartArea.")])]),t._v(" "),a("tr",[a("td",[a("a",{attrs:{href:"#common"}},[a("code",[t._v("common")])])]),t._v(" "),a("td",[a("code",[t._v("Object")])]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[t._v("No")]),t._v(" "),a("td"),t._v(" "),a("td",[t._v("To configure common options apply to all annotations")])]),t._v(" "),a("tr",[a("td",[a("RouterLink",{attrs:{to:"/guide/options.html#interaction"}},[a("code",[t._v("interaction")])])],1),t._v(" "),a("td",[a("code",[t._v("Object")])]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[t._v("No")]),t._v(" "),a("td",[a("code",[t._v("options.interaction")])]),t._v(" "),a("td",[t._v("To configure which events trigger plugin interactions")])])])]),t._v(" "),a("div",{staticClass:"custom-block warning"},[a("p",{staticClass:"custom-block-title"},[t._v("WARNING")]),t._v(" "),a("p",[t._v("Setting "),a("code",[t._v("clip")]),t._v(" to "),a("code",[t._v("false")]),t._v(", you can enable the possibility to draw part of the annotation outside of the chart area.")]),t._v(" "),a("p",[t._v("Nevertheless events are only caught over the chartArea.")])]),t._v(" "),a("h2",{attrs:{id:"animations"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#animations"}},[t._v("#")]),t._v(" Animations")]),t._v(" "),a("p",[t._v("Animations options configures which element properties are animated and how, with the same configuration of "),a("a",{attrs:{href:"https://www.chartjs.org/docs/latest/configuration/animations.html#animations-2",target:"_blank",rel:"noopener noreferrer"}},[t._v("chart.js"),a("OutboundLink")],1),t._v(".")]),t._v(" "),a("div",{staticClass:"language-javascript extra-class"},[a("pre",{pre:!0,attrs:{class:"language-javascript"}},[a("code",[a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" options "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("plugins")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("annotation")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("animations")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("numbers")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("properties")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("'x'")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("'y'")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("'x2'")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("'y2'")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("'width'")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("'height'")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("'radius'")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("type")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("'number'")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("annotations")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("box1")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("type")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("'box'")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("xMin")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("1")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("xMax")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("2")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("yMin")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("50")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("yMax")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("70")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("backgroundColor")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("'rgba(255, 99, 132, 0.5)'")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])])]),a("h3",{attrs:{id:"default-animations"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#default-animations"}},[t._v("#")]),t._v(" Default animations")]),t._v(" "),a("table",[a("thead",[a("tr",[a("th",[t._v("Name")]),t._v(" "),a("th",[t._v("Option")]),t._v(" "),a("th",[t._v("Value")])])]),t._v(" "),a("tbody",[a("tr",[a("td",[a("code",[t._v("numbers")])]),t._v(" "),a("td",[a("code",[t._v("properties")])]),t._v(" "),a("td",[a("code",[t._v("['x', 'y', 'x2', 'y2', 'width', 'height', 'centerX', 'centerY', 'pointX', 'pointY', 'radius']")])])]),t._v(" "),a("tr",[a("td",[a("code",[t._v("numbers")])]),t._v(" "),a("td",[a("code",[t._v("type")])]),t._v(" "),a("td",[a("code",[t._v("number")])])])])]),t._v(" "),a("h2",{attrs:{id:"common"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#common"}},[t._v("#")]),t._v(" Common")]),t._v(" "),a("p",[t._v("The following options apply to all annotations unless they are overwritten on a per-annotation basis.")]),t._v(" "),a("table",[a("thead",[a("tr",[a("th",[t._v("Name")]),t._v(" "),a("th",[t._v("Type")]),t._v(" "),a("th",{staticStyle:{"text-align":"center"}},[a("RouterLink",{attrs:{to:"/guide/options.html#scriptable-options"}},[t._v("Scriptable")])],1),t._v(" "),a("th",[t._v("Default")]),t._v(" "),a("th",[t._v("Notes")])])]),t._v(" "),a("tbody",[a("tr",[a("td",[a("code",[t._v("drawTime")])]),t._v(" "),a("td",[a("code",[t._v("string")]),t._v("|"),a("code",[t._v("number")])]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),a("td",[a("code",[t._v("'afterDatasetsDraw'")])]),t._v(" "),a("td",[t._v("See "),a("a",{attrs:{href:"options#draw-time"}},[t._v("drawTime")]),t._v(".")])]),t._v(" "),a("tr",[a("td",[a("code",[t._v("init")])]),t._v(" "),a("td",[a("code",[t._v("boolean")])]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("a",{attrs:{href:"#initial-animation"}},[t._v("See initial animation")])]),t._v(" "),a("td",[a("code",[t._v("false")])]),t._v(" "),a("td",[t._v("Enable the animation to the annotations when they are drawing at chart initialization")])])])]),t._v(" "),a("h3",{attrs:{id:"initial-animation"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#initial-animation"}},[t._v("#")]),t._v(" Initial animation")]),t._v(" "),a("p",[t._v("The "),a("code",[t._v("init")]),t._v(" option is scriptable but it doesn't get the "),a("a",{attrs:{href:"./options#option-context"}},[t._v("options context")]),t._v(" as argument but a specific context because the element has not been initialized yet, when the callback is invoked.")]),t._v(" "),a("p",[t._v("This is the signature of the scriptable option:")]),t._v(" "),a("div",{staticClass:"language-javascript extra-class"},[a("pre",{pre:!0,attrs:{class:"language-javascript"}},[a("code",[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token parameter"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("chart"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" properties"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" options"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=>")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("void")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("|")]),t._v(" boolean "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("|")]),t._v(" AnnotationElement\n")])])]),a("p",[t._v("where the properties is the element model")]),t._v(" "),a("div",{staticClass:"language-javascript extra-class"},[a("pre",{pre:!0,attrs:{class:"language-javascript"}},[a("code",[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("x")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" number"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("y")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" number"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("x2")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" number"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("y2")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" number"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("centerX")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" number"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("centerY")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" number"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("width")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" number"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("height")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" number"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n radius"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("?")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" number\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n")])])]),a("p",[t._v("which can be used in the callback to return an object with the initial values of the element, to provide own initial animation.")]),t._v(" "),a("h2",{attrs:{id:"events"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#events"}},[t._v("#")]),t._v(" Events")]),t._v(" "),a("p",[t._v("The following options are available for all annotation types. These options can be specified per annotation, or at the top level which apply to all annotations.")]),t._v(" "),a("table",[a("thead",[a("tr",[a("th",[t._v("Name")]),t._v(" "),a("th",[t._v("Type")]),t._v(" "),a("th",[t._v("Chart event"),a("sup",[t._v("1")])]),t._v(" "),a("th",[t._v("Notes")])])]),t._v(" "),a("tbody",[a("tr",[a("td",[a("code",[t._v("click")])]),t._v(" "),a("td",[a("code",[t._v("(context, event) => boolean | void")])]),t._v(" "),a("td",[a("code",[t._v("'click'")])]),t._v(" "),a("td",[t._v("Called when a single click occurs on the annotation.")])]),t._v(" "),a("tr",[a("td",[a("code",[t._v("enter")])]),t._v(" "),a("td",[a("code",[t._v("(context, event) => boolean | void")])]),t._v(" "),a("td",[a("code",[t._v("'mousemove'")])]),t._v(" "),a("td",[t._v("Called when the mouse enters the annotation.")])]),t._v(" "),a("tr",[a("td",[a("code",[t._v("leave")])]),t._v(" "),a("td",[a("code",[t._v("(context, event) => boolean | void")])]),t._v(" "),a("td",[a("code",[t._v("'mousemove'")])]),t._v(" "),a("td",[t._v("Called when the mouse leaves the annotation.")])])])]),t._v(" "),a("div",{staticClass:"custom-block tip"},[a("p",{staticClass:"custom-block-title"},[t._v("TIP")]),t._v(" "),a("p",[a("strong",[a("sup",[t._v("1")])]),t._v(" "),a("a",{attrs:{href:"https://www.chartjs.org/docs/latest/configuration/interactions.html#events",target:"_blank",rel:"noopener noreferrer"}},[t._v("Chart.js events"),a("OutboundLink")],1),t._v(" that need to be enabled in order to get the associated annotation event working. Note that by default Chart.js enables "),a("code",[t._v("'mousemove', 'mouseout', 'click', 'touchstart', 'touchmove'")]),t._v(", meaning that annotation events work out-of-the-box.")])]),t._v(" "),a("p",[t._v("If the event callbacks explicitly returns "),a("code",[t._v("true")]),t._v(", the chart will re-render automatically after processing the event completely. This is important when there are the annotations that require re-draws (for instance, after a change of a rendering options).")]),t._v(" "),a("h2",{attrs:{id:"hooks"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#hooks"}},[t._v("#")]),t._v(" Hooks")]),t._v(" "),a("p",[t._v("The following hooks are available for all annotation types. These hooks can be specified per annotation, or at the top level which apply to all annotations.")]),t._v(" "),a("p",[t._v("These hooks enable some user customizations on the annotations.")]),t._v(" "),a("table",[a("thead",[a("tr",[a("th",[t._v("Name")]),t._v(" "),a("th",[t._v("Type")]),t._v(" "),a("th",[t._v("Notes")])])]),t._v(" "),a("tbody",[a("tr",[a("td",[a("code",[t._v("beforeDraw")])]),t._v(" "),a("td",[a("code",[t._v("(context) => void")])]),t._v(" "),a("td",[t._v("Called before that the annotation is being drawn.")])]),t._v(" "),a("tr",[a("td",[a("code",[t._v("afterDraw")])]),t._v(" "),a("td",[a("code",[t._v("(context) => void")])]),t._v(" "),a("td",[t._v("Called after the annotation has been drawn.")])])])])])}),[],!1,null,null,null);a.default=s.exports}}]); \ No newline at end of file diff --git a/master/assets/js/46.5c2c0a94.js b/master/assets/js/46.f8b5889c.js similarity index 98% rename from master/assets/js/46.5c2c0a94.js rename to master/assets/js/46.f8b5889c.js index 4ebf0e28e..191af124c 100644 --- a/master/assets/js/46.5c2c0a94.js +++ b/master/assets/js/46.f8b5889c.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[46],{455:function(e,t,r){"use strict";r.r(t);var s=r(4),a=Object(s.a)({},(function(){var e=this,t=e._self._c;return t("ContentSlotsDistributor",{attrs:{"slot-key":e.$parent.slotKey}},[t("p",[e._v("Contributions to Chart.js are welcome and encouraged, but please have a look through the guidelines in this document before raising an issue, or writing code for the project.")]),e._v(" "),t("h2",{attrs:{id:"using-issues"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#using-issues"}},[e._v("#")]),e._v(" Using issues")]),e._v(" "),t("p",[e._v("The "),t("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/issues",target:"_blank",rel:"noopener noreferrer"}},[e._v("issue tracker"),t("OutboundLink")],1),e._v(" is the preferred channel for reporting bugs, requesting new features and submitting pull requests.")]),e._v(" "),t("p",[e._v("Please do not use issues for support requests. For help using the annotation plugin, please take a look at the "),t("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/discussions",target:"_blank",rel:"noopener noreferrer"}},[e._v("GitHub Discussions"),t("OutboundLink")],1),e._v(" page.")]),e._v(" "),t("h2",{attrs:{id:"reporting-bugs"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#reporting-bugs"}},[e._v("#")]),e._v(" Reporting bugs")]),e._v(" "),t("p",[e._v("Well structured, detailed bug reports are hugely valuable for the project.")]),e._v(" "),t("p",[e._v("Guidlines for reporting bugs:")]),e._v(" "),t("ul",[t("li",[e._v("Check the issue search to see if it has already been reported")]),e._v(" "),t("li",[e._v("Isolate the problem to a simple test case")]),e._v(" "),t("li",[e._v("Provide a demonstration of the problem on "),t("a",{attrs:{href:"http://jsbin.com",target:"_blank",rel:"noopener noreferrer"}},[e._v("JS Bin"),t("OutboundLink")],1),e._v(" or similar")])]),e._v(" "),t("p",[e._v("Please provide any additional details associated with the bug, if it's browser or screen density specific, or only happens with a certain configuration or data.")]),e._v(" "),t("h2",{attrs:{id:"local-development"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#local-development"}},[e._v("#")]),e._v(" Local development")]),e._v(" "),t("p",[e._v("Run "),t("code",[e._v("npm ci")]),e._v(" to install all the libraries, then run "),t("code",[e._v("npm run dev")]),e._v(" to build and run tests as you make changes.")]),e._v(" "),t("h2",{attrs:{id:"pull-requests"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#pull-requests"}},[e._v("#")]),e._v(" Pull requests")]),e._v(" "),t("p",[e._v("Clear, concise pull requests are excellent at continuing the project's community driven growth. But please review "),t("a",{attrs:{href:"https://github.com/blog/1943-how-to-write-the-perfect-pull-request",target:"_blank",rel:"noopener noreferrer"}},[e._v("these guidelines"),t("OutboundLink")],1),e._v(" and the guidelines below before starting work on the project.")]),e._v(" "),t("p",[e._v("Guidelines:")]),e._v(" "),t("ul",[t("li",[e._v("Please create an issue first:\n"),t("ul",[t("li",[e._v("For bugs, we can discuss the fixing approach")]),e._v(" "),t("li",[e._v("For enhancements, we can discuss if it is within the project scope and avoid duplicate effort")])])]),e._v(" "),t("li",[e._v("Please make changes to the files in "),t("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/tree/master/src",target:"_blank",rel:"noopener noreferrer"}},[t("code",[e._v("/src")]),t("OutboundLink")],1)]),e._v(" "),t("li",[e._v("Please add tests in "),t("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/tree/master/test",target:"_blank",rel:"noopener noreferrer"}},[t("code",[e._v("/test")]),t("OutboundLink")],1)]),e._v(" "),t("li",[e._v("Spaces for indentation, not tabs please")]),e._v(" "),t("li",[e._v("If adding new functionality, please also update the relevant "),t("code",[e._v(".md")]),e._v(" file in "),t("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/tree/master/docs",target:"_blank",rel:"noopener noreferrer"}},[t("code",[e._v("/docs")]),t("OutboundLink")],1)]),e._v(" "),t("li",[e._v("Please make your commits in logical sections with clear commit messages")])]),e._v(" "),t("h2",{attrs:{id:"license"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#license"}},[e._v("#")]),e._v(" License")]),e._v(" "),t("p",[e._v("By contributing your code, you agree to license your contribution under the "),t("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/master/LICENSE.md",target:"_blank",rel:"noopener noreferrer"}},[e._v("MIT license"),t("OutboundLink")],1),e._v(".")])])}),[],!1,null,null,null);t.default=a.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[46],{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 diff --git a/master/assets/js/48.db8cf11a.js b/master/assets/js/48.59463453.js similarity index 98% rename from master/assets/js/48.db8cf11a.js rename to master/assets/js/48.59463453.js index 51bb3c14c..885d064d2 100644 --- a/master/assets/js/48.db8cf11a.js +++ b/master/assets/js/48.59463453.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[48],{460:function(t,a,s){"use strict";s.r(a);var n=s(4),r=Object(n.a)({},(function(){var t=this,a=t._self._c;return a("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[a("p",[a("strong",[a("code",[t._v("chartjs-plugin-annotation")])]),t._v(" can be integrated with plain JavaScript or with different module loaders. The examples below show to load the plugin in different systems.")]),t._v(" "),a("h2",{attrs:{id:"script-tag"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#script-tag"}},[t._v("#")]),t._v(" Script Tag")]),t._v(" "),a("div",{staticClass:"language-html extra-class"},[a("pre",{pre:!0,attrs:{class:"language-html"}},[a("code",[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("script")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("src")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("path/to/chartjs/dist/chart.umd.js"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),a("span",{pre:!0,attrs:{class:"token script"}}),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("script")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("src")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("path/to/chartjs-plugin-annotation/dist/chartjs-plugin-annotation.min.js"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),a("span",{pre:!0,attrs:{class:"token script"}}),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("script")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),a("span",{pre:!0,attrs:{class:"token script"}},[a("span",{pre:!0,attrs:{class:"token language-javascript"}},[t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" myChart "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("Chart")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("ctx"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("...")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])]),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n")])])]),a("h2",{attrs:{id:"bundlers-webpack-rollup-etc"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#bundlers-webpack-rollup-etc"}},[t._v("#")]),t._v(" Bundlers (Webpack, Rollup, etc.)")]),t._v(" "),a("div",{staticClass:"language-javascript extra-class"},[a("pre",{pre:!0,attrs:{class:"language-javascript"}},[a("code",[a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("import")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" Chart "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("from")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("'chart.js'")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("import")]),t._v(" annotationPlugin "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("from")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("'chartjs-plugin-annotation'")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n\nChart"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("register")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("annotationPlugin"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])])])])}),[],!1,null,null,null);a.default=r.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[48],{459:function(t,a,s){"use strict";s.r(a);var n=s(4),r=Object(n.a)({},(function(){var t=this,a=t._self._c;return a("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[a("p",[a("strong",[a("code",[t._v("chartjs-plugin-annotation")])]),t._v(" can be integrated with plain JavaScript or with different module loaders. The examples below show to load the plugin in different systems.")]),t._v(" "),a("h2",{attrs:{id:"script-tag"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#script-tag"}},[t._v("#")]),t._v(" Script Tag")]),t._v(" "),a("div",{staticClass:"language-html extra-class"},[a("pre",{pre:!0,attrs:{class:"language-html"}},[a("code",[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("script")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("src")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("path/to/chartjs/dist/chart.umd.js"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),a("span",{pre:!0,attrs:{class:"token script"}}),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("script")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("src")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("path/to/chartjs-plugin-annotation/dist/chartjs-plugin-annotation.min.js"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),a("span",{pre:!0,attrs:{class:"token script"}}),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("script")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),a("span",{pre:!0,attrs:{class:"token script"}},[a("span",{pre:!0,attrs:{class:"token language-javascript"}},[t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" myChart "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("Chart")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("ctx"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("...")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])]),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n")])])]),a("h2",{attrs:{id:"bundlers-webpack-rollup-etc"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#bundlers-webpack-rollup-etc"}},[t._v("#")]),t._v(" Bundlers (Webpack, Rollup, etc.)")]),t._v(" "),a("div",{staticClass:"language-javascript extra-class"},[a("pre",{pre:!0,attrs:{class:"language-javascript"}},[a("code",[a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("import")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" Chart "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("from")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("'chart.js'")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("import")]),t._v(" annotationPlugin "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("from")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("'chartjs-plugin-annotation'")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n\nChart"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("register")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("annotationPlugin"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])])])])}),[],!1,null,null,null);a.default=r.exports}}]); \ No newline at end of file diff --git a/master/assets/js/49.36d2bdb7.js b/master/assets/js/49.e3031bd5.js similarity index 99% rename from master/assets/js/49.36d2bdb7.js rename to master/assets/js/49.e3031bd5.js index 6d34369ff..e2c1e1823 100644 --- a/master/assets/js/49.36d2bdb7.js +++ b/master/assets/js/49.e3031bd5.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[49],{459:function(t,e,a){"use strict";a.r(e);var s=a(4),n=Object(s.a)({},(function(){var t=this,e=t._self._c;return e("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[e("h1",{attrs:{id:"_1-x-migration-guide"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#_1-x-migration-guide"}},[t._v("#")]),t._v(" 1.x Migration Guide")]),t._v(" "),e("p",[e("strong",[e("code",[t._v("chartjs-plugin-annotation")])]),t._v(" plugin version 1 introduces a number of breaking changes in order to compatible with Chart.js 3 and to align with Chart.js 3 options.")]),t._v(" "),e("h2",{attrs:{id:"setup-and-installation"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#setup-and-installation"}},[t._v("#")]),t._v(" Setup and installation")]),t._v(" "),e("p",[t._v("Chart.js 3 is tree-shakeable and thus requires registering the plugins when used as an "),e("code",[t._v("npm")]),t._v(" module. Here is an example:")]),t._v(" "),e("div",{staticClass:"language-javascript extra-class"},[e("pre",{pre:!0,attrs:{class:"language-javascript"}},[e("code",[e("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("import")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" Chart"),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" LineController"),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" LineElement"),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" PointElement"),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" LinearScale "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("from")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token string"}},[t._v("'chart.js'")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n"),e("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("import")]),t._v(" Annotation "),e("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("from")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token string"}},[t._v("'chartjs-plugin-annotation'")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n\nChart"),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),e("span",{pre:!0,attrs:{class:"token function"}},[t._v("register")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("LineController"),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" LineElement"),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" PointElement"),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" LinearScale"),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" Annotation"),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n\n"),e("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" Chart "),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("Chart")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("ctx"),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("type")]),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token string"}},[t._v("'line'")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// data: ...")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("options")]),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("plugins")]),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("annotation")]),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// annotation plugin options")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("annotations")]),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// annotation element options")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("type")]),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token string"}},[t._v("'line'")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("scaleID")]),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token string"}},[t._v("'y'")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("value")]),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token number"}},[t._v("25")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("borderColor")]),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token string"}},[t._v("'red'")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("borderWidth")]),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token number"}},[t._v("2")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n"),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v("\n")])])]),e("h2",{attrs:{id:"options"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#options"}},[t._v("#")]),t._v(" Options")]),t._v(" "),e("h3",{attrs:{id:"plugin-options"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#plugin-options"}},[t._v("#")]),t._v(" Plugin options")]),t._v(" "),e("ul",[e("li",[e("code",[t._v("events")]),t._v(" array was removed. Listened events are determined automatically from the hooks specified.")]),t._v(" "),e("li",[e("code",[t._v("enter")]),t._v(", "),e("code",[t._v("leave")]),t._v(", "),e("code",[t._v("click")]),t._v(", "),e("code",[t._v("dblclick")]),t._v(" event hooks can now be defined also at plugin level options.")])]),t._v(" "),e("h3",{attrs:{id:"element-options"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#element-options"}},[t._v("#")]),t._v(" Element options")]),t._v(" "),e("ul",[e("li",[e("code",[t._v("onMouseenter")]),t._v(" was removed. Use "),e("code",[t._v("enter")]),t._v(" instead.")]),t._v(" "),e("li",[e("code",[t._v("onMouseleave")]),t._v(" was removed. Use "),e("code",[t._v("leave")]),t._v(" instead.")]),t._v(" "),e("li",[e("code",[t._v("onMouseover")]),t._v(" was removed. Use "),e("code",[t._v("enter")]),t._v(" instead.")]),t._v(" "),e("li",[e("code",[t._v("onMouseout")]),t._v(" was removed. Use "),e("code",[t._v("leave")]),t._v(" instead.")]),t._v(" "),e("li",[e("code",[t._v("onMousemove")]),t._v(" was removed.")]),t._v(" "),e("li",[e("code",[t._v("onMousedown")]),t._v(" was removed. Use "),e("code",[t._v("click")]),t._v(" instead.")]),t._v(" "),e("li",[e("code",[t._v("onMouseup")]),t._v(" was removed. Use "),e("code",[t._v("click")]),t._v(" instead.")]),t._v(" "),e("li",[e("code",[t._v("onClick")]),t._v(" was removed. Use "),e("code",[t._v("click")]),t._v(" instead.")]),t._v(" "),e("li",[e("code",[t._v("onDblclick")]),t._v(" was removed. Use "),e("code",[t._v("dblclick")]),t._v(" instead.")]),t._v(" "),e("li",[e("code",[t._v("onContextmenu")]),t._v(" was removed.")]),t._v(" "),e("li",[e("code",[t._v("onWheel")]),t._v(" was removed.")])]),t._v(" "),e("h3",{attrs:{id:"line"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#line"}},[t._v("#")]),t._v(" Line")]),t._v(" "),e("ul",[e("li",[e("code",[t._v("mode")]),t._v(" was removed. The mode is automatically calculated based on the scale.")]),t._v(" "),e("li",[e("code",[t._v("position")]),t._v(" values were changed to "),e("code",[t._v("'start'")]),t._v(", "),e("code",[t._v("'center'")]),t._v(" and "),e("code",[t._v("'end'")]),t._v(".\n"),e("ul",[e("li",[e("code",[t._v("'start'")]),t._v(" replaces previous "),e("code",[t._v("'left'")]),t._v(" and "),e("code",[t._v("'top'")]),t._v(".")]),t._v(" "),e("li",[e("code",[t._v("'end'")]),t._v(" replaces previous "),e("code",[t._v("'right'")]),t._v(" and "),e("code",[t._v("'bottom'")]),t._v(".")])])])]),t._v(" "),e("h4",{attrs:{id:"label"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#label"}},[t._v("#")]),t._v(" Label")]),t._v(" "),e("ul",[e("li",[e("code",[t._v("fontColor")]),t._v(" was renamed to "),e("code",[t._v("font.color")])]),t._v(" "),e("li",[e("code",[t._v("fontFamily")]),t._v(" was renamed to "),e("code",[t._v("font.family")])]),t._v(" "),e("li",[e("code",[t._v("fontSize")]),t._v(" was renamed to "),e("code",[t._v("font.size")])]),t._v(" "),e("li",[e("code",[t._v("fontStyle")]),t._v(" was renamed to "),e("code",[t._v("font.style")])]),t._v(" "),e("li",[e("code",[t._v("lineHeight")]),t._v(" was renamed to "),e("code",[t._v("font.lineHeight")])])]),t._v(" "),e("h2",{attrs:{id:"event-hooks"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#event-hooks"}},[t._v("#")]),t._v(" Event hooks")]),t._v(" "),e("ul",[e("li",[t._v("Event hooks are now supplied with single "),e("code",[t._v("context")]),t._v(" parameter, containing "),e("code",[t._v("chart")]),t._v(" and "),e("code",[t._v("element")]),t._v(" properties. "),e("code",[t._v("chart")]),t._v(" is the chart instance and "),e("code",[t._v("element")]),t._v(" is the event target annotation element.")]),t._v(" "),e("li",[t._v("Events are now fired from "),e("code",[t._v("beforeEvent")]),t._v(" hook.")])])])}),[],!1,null,null,null);e.default=n.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[49],{460:function(t,e,a){"use strict";a.r(e);var s=a(4),n=Object(s.a)({},(function(){var t=this,e=t._self._c;return e("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[e("h1",{attrs:{id:"_1-x-migration-guide"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#_1-x-migration-guide"}},[t._v("#")]),t._v(" 1.x Migration Guide")]),t._v(" "),e("p",[e("strong",[e("code",[t._v("chartjs-plugin-annotation")])]),t._v(" plugin version 1 introduces a number of breaking changes in order to compatible with Chart.js 3 and to align with Chart.js 3 options.")]),t._v(" "),e("h2",{attrs:{id:"setup-and-installation"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#setup-and-installation"}},[t._v("#")]),t._v(" Setup and installation")]),t._v(" "),e("p",[t._v("Chart.js 3 is tree-shakeable and thus requires registering the plugins when used as an "),e("code",[t._v("npm")]),t._v(" module. Here is an example:")]),t._v(" "),e("div",{staticClass:"language-javascript extra-class"},[e("pre",{pre:!0,attrs:{class:"language-javascript"}},[e("code",[e("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("import")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" Chart"),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" LineController"),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" LineElement"),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" PointElement"),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" LinearScale "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("from")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token string"}},[t._v("'chart.js'")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n"),e("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("import")]),t._v(" Annotation "),e("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("from")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token string"}},[t._v("'chartjs-plugin-annotation'")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n\nChart"),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),e("span",{pre:!0,attrs:{class:"token function"}},[t._v("register")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("LineController"),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" LineElement"),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" PointElement"),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" LinearScale"),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" Annotation"),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n\n"),e("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" Chart "),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("Chart")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("ctx"),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("type")]),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token string"}},[t._v("'line'")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// data: ...")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("options")]),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("plugins")]),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("annotation")]),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// annotation plugin options")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("annotations")]),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// annotation element options")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("type")]),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token string"}},[t._v("'line'")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("scaleID")]),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token string"}},[t._v("'y'")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("value")]),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token number"}},[t._v("25")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("borderColor")]),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token string"}},[t._v("'red'")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("borderWidth")]),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token number"}},[t._v("2")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n"),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v("\n")])])]),e("h2",{attrs:{id:"options"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#options"}},[t._v("#")]),t._v(" Options")]),t._v(" "),e("h3",{attrs:{id:"plugin-options"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#plugin-options"}},[t._v("#")]),t._v(" Plugin options")]),t._v(" "),e("ul",[e("li",[e("code",[t._v("events")]),t._v(" array was removed. Listened events are determined automatically from the hooks specified.")]),t._v(" "),e("li",[e("code",[t._v("enter")]),t._v(", "),e("code",[t._v("leave")]),t._v(", "),e("code",[t._v("click")]),t._v(", "),e("code",[t._v("dblclick")]),t._v(" event hooks can now be defined also at plugin level options.")])]),t._v(" "),e("h3",{attrs:{id:"element-options"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#element-options"}},[t._v("#")]),t._v(" Element options")]),t._v(" "),e("ul",[e("li",[e("code",[t._v("onMouseenter")]),t._v(" was removed. Use "),e("code",[t._v("enter")]),t._v(" instead.")]),t._v(" "),e("li",[e("code",[t._v("onMouseleave")]),t._v(" was removed. Use "),e("code",[t._v("leave")]),t._v(" instead.")]),t._v(" "),e("li",[e("code",[t._v("onMouseover")]),t._v(" was removed. Use "),e("code",[t._v("enter")]),t._v(" instead.")]),t._v(" "),e("li",[e("code",[t._v("onMouseout")]),t._v(" was removed. Use "),e("code",[t._v("leave")]),t._v(" instead.")]),t._v(" "),e("li",[e("code",[t._v("onMousemove")]),t._v(" was removed.")]),t._v(" "),e("li",[e("code",[t._v("onMousedown")]),t._v(" was removed. Use "),e("code",[t._v("click")]),t._v(" instead.")]),t._v(" "),e("li",[e("code",[t._v("onMouseup")]),t._v(" was removed. Use "),e("code",[t._v("click")]),t._v(" instead.")]),t._v(" "),e("li",[e("code",[t._v("onClick")]),t._v(" was removed. Use "),e("code",[t._v("click")]),t._v(" instead.")]),t._v(" "),e("li",[e("code",[t._v("onDblclick")]),t._v(" was removed. Use "),e("code",[t._v("dblclick")]),t._v(" instead.")]),t._v(" "),e("li",[e("code",[t._v("onContextmenu")]),t._v(" was removed.")]),t._v(" "),e("li",[e("code",[t._v("onWheel")]),t._v(" was removed.")])]),t._v(" "),e("h3",{attrs:{id:"line"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#line"}},[t._v("#")]),t._v(" Line")]),t._v(" "),e("ul",[e("li",[e("code",[t._v("mode")]),t._v(" was removed. The mode is automatically calculated based on the scale.")]),t._v(" "),e("li",[e("code",[t._v("position")]),t._v(" values were changed to "),e("code",[t._v("'start'")]),t._v(", "),e("code",[t._v("'center'")]),t._v(" and "),e("code",[t._v("'end'")]),t._v(".\n"),e("ul",[e("li",[e("code",[t._v("'start'")]),t._v(" replaces previous "),e("code",[t._v("'left'")]),t._v(" and "),e("code",[t._v("'top'")]),t._v(".")]),t._v(" "),e("li",[e("code",[t._v("'end'")]),t._v(" replaces previous "),e("code",[t._v("'right'")]),t._v(" and "),e("code",[t._v("'bottom'")]),t._v(".")])])])]),t._v(" "),e("h4",{attrs:{id:"label"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#label"}},[t._v("#")]),t._v(" Label")]),t._v(" "),e("ul",[e("li",[e("code",[t._v("fontColor")]),t._v(" was renamed to "),e("code",[t._v("font.color")])]),t._v(" "),e("li",[e("code",[t._v("fontFamily")]),t._v(" was renamed to "),e("code",[t._v("font.family")])]),t._v(" "),e("li",[e("code",[t._v("fontSize")]),t._v(" was renamed to "),e("code",[t._v("font.size")])]),t._v(" "),e("li",[e("code",[t._v("fontStyle")]),t._v(" was renamed to "),e("code",[t._v("font.style")])]),t._v(" "),e("li",[e("code",[t._v("lineHeight")]),t._v(" was renamed to "),e("code",[t._v("font.lineHeight")])])]),t._v(" "),e("h2",{attrs:{id:"event-hooks"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#event-hooks"}},[t._v("#")]),t._v(" Event hooks")]),t._v(" "),e("ul",[e("li",[t._v("Event hooks are now supplied with single "),e("code",[t._v("context")]),t._v(" parameter, containing "),e("code",[t._v("chart")]),t._v(" and "),e("code",[t._v("element")]),t._v(" properties. "),e("code",[t._v("chart")]),t._v(" is the chart instance and "),e("code",[t._v("element")]),t._v(" is the event target annotation element.")]),t._v(" "),e("li",[t._v("Events are now fired from "),e("code",[t._v("beforeEvent")]),t._v(" hook.")])])])}),[],!1,null,null,null);e.default=n.exports}}]); \ No newline at end of file diff --git a/master/assets/js/50.b2854027.js b/master/assets/js/50.4e29bfbd.js similarity index 95% rename from master/assets/js/50.b2854027.js rename to master/assets/js/50.4e29bfbd.js index 0c6d0bfe5..fdf2e8093 100644 --- a/master/assets/js/50.b2854027.js +++ b/master/assets/js/50.4e29bfbd.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[50],{461:function(t,e,a){"use strict";a.r(e);var n=a(4),o=Object(n.a)({},(function(){var t=this,e=t._self._c;return e("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[e("h1",{attrs:{id:"_3-x-migration-guide"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#_3-x-migration-guide"}},[t._v("#")]),t._v(" 3.x Migration Guide")]),t._v(" "),e("p",[e("strong",[e("code",[t._v("chartjs-plugin-annotation")])]),t._v(" plugin version 3 becomes an "),e("a",{attrs:{href:"https://nodejs.org/api/esm.html",target:"_blank",rel:"noopener noreferrer"}},[t._v("ESM-only package"),e("OutboundLink")],1),t._v(".\nThe "),e("RouterLink",{attrs:{to:"/guide/integration.html#script-tag"}},[t._v("UMD bundle")]),t._v(" is still available.")],1),t._v(" "),e("h2",{attrs:{id:"chart-js-version"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#chart-js-version"}},[t._v("#")]),t._v(" Chart.js version")]),t._v(" "),e("p",[t._v("The annotation plugin requires at least version 4.0.0 to work because of Chart.js becomes an ESM-only package.")]),t._v(" "),e("h3",{attrs:{id:"type-changes"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#type-changes"}},[t._v("#")]),t._v(" Type changes")]),t._v(" "),e("ul",[e("li",[t._v("The "),e("code",[t._v("init")]),t._v(" options callback return value types have been changed from "),e("code",[t._v("void | boolean | AnnotationBoxModel")]),t._v(" to "),e("code",[t._v("void | boolean | AnnotationElement")]),t._v(".")])])])}),[],!1,null,null,null);e.default=o.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[50],{462:function(t,e,a){"use strict";a.r(e);var n=a(4),o=Object(n.a)({},(function(){var t=this,e=t._self._c;return e("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[e("h1",{attrs:{id:"_3-x-migration-guide"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#_3-x-migration-guide"}},[t._v("#")]),t._v(" 3.x Migration Guide")]),t._v(" "),e("p",[e("strong",[e("code",[t._v("chartjs-plugin-annotation")])]),t._v(" plugin version 3 becomes an "),e("a",{attrs:{href:"https://nodejs.org/api/esm.html",target:"_blank",rel:"noopener noreferrer"}},[t._v("ESM-only package"),e("OutboundLink")],1),t._v(".\nThe "),e("RouterLink",{attrs:{to:"/guide/integration.html#script-tag"}},[t._v("UMD bundle")]),t._v(" is still available.")],1),t._v(" "),e("h2",{attrs:{id:"chart-js-version"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#chart-js-version"}},[t._v("#")]),t._v(" Chart.js version")]),t._v(" "),e("p",[t._v("The annotation plugin requires at least version 4.0.0 to work because of Chart.js becomes an ESM-only package.")]),t._v(" "),e("h3",{attrs:{id:"type-changes"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#type-changes"}},[t._v("#")]),t._v(" Type changes")]),t._v(" "),e("ul",[e("li",[t._v("The "),e("code",[t._v("init")]),t._v(" options callback return value types have been changed from "),e("code",[t._v("void | boolean | AnnotationBoxModel")]),t._v(" to "),e("code",[t._v("void | boolean | AnnotationElement")]),t._v(".")])])])}),[],!1,null,null,null);e.default=o.exports}}]); \ No newline at end of file diff --git a/master/assets/js/51.b7c9d0b3.js b/master/assets/js/51.dcfbacd7.js similarity index 53% rename from master/assets/js/51.b7c9d0b3.js rename to master/assets/js/51.dcfbacd7.js index 3e28a198d..af073011d 100644 --- a/master/assets/js/51.b7c9d0b3.js +++ b/master/assets/js/51.dcfbacd7.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[51],{463:function(t,e,a){"use strict";a.r(e);var n=a(4),o=Object(n.a)({},(function(){var t=this,e=t._self._c;return e("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[e("h1",{attrs:{id:"options"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#options"}},[t._v("#")]),t._v(" Options")]),t._v(" "),e("h2",{attrs:{id:"color"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#color"}},[t._v("#")]),t._v(" Color")]),t._v(" "),e("p",[t._v("Any color supported by "),e("a",{attrs:{href:"https://www.chartjs.org/docs/master/general/colors",target:"_blank",rel:"noopener noreferrer"}},[t._v("chart.js"),e("OutboundLink")],1),t._v(" is supported by the annotation plugin.")]),t._v(" "),e("h2",{attrs:{id:"font"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#font"}},[t._v("#")]),t._v(" Font")]),t._v(" "),e("p",[t._v("Fonts use the same format as "),e("a",{attrs:{href:"https://www.chartjs.org/docs/master/general/fonts",target:"_blank",rel:"noopener noreferrer"}},[t._v("chart.js"),e("OutboundLink")],1),t._v(".")]),t._v(" "),e("h2",{attrs:{id:"padding"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#padding"}},[t._v("#")]),t._v(" Padding")]),t._v(" "),e("p",[t._v("Paddings use the same format as "),e("a",{attrs:{href:"https://www.chartjs.org/docs/master/general/padding.html",target:"_blank",rel:"noopener noreferrer"}},[t._v("chart.js"),e("OutboundLink")],1),t._v(".")]),t._v(" "),e("h2",{attrs:{id:"point-style"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#point-style"}},[t._v("#")]),t._v(" Point Style")]),t._v(" "),e("p",[t._v("Point styles use the same format as "),e("a",{attrs:{href:"https://www.chartjs.org/docs/master/configuration/elements.html#point-styles",target:"_blank",rel:"noopener noreferrer"}},[t._v("chart.js"),e("OutboundLink")],1),t._v(".")]),t._v(" "),e("h2",{attrs:{id:"interaction"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#interaction"}},[t._v("#")]),t._v(" Interaction")]),t._v(" "),e("p",[t._v("Interaction uses the same format as "),e("a",{attrs:{href:"https://www.chartjs.org/docs/latest/configuration/interactions.html#interactions",target:"_blank",rel:"noopener noreferrer"}},[t._v("chart.js"),e("OutboundLink")],1),t._v(".")]),t._v(" "),e("div",{staticClass:"custom-block warning"},[e("p",{staticClass:"custom-block-title"},[t._v("WARNING")]),t._v(" "),e("p",[t._v("Interaction "),e("code",[t._v("index")]),t._v(" and "),e("code",[t._v("dataset")]),t._v(" modes are not supported by the plugin. If set, the plugin will use "),e("code",[t._v("nearest")]),t._v(" mode.")]),t._v(" "),e("p",[t._v("Interaction "),e("code",[t._v("r")]),t._v(" axis is not supported by the plugin. If set, the plugin will use "),e("code",[t._v("xy")]),t._v(" mode.")])]),t._v(" "),e("h2",{attrs:{id:"scriptable-options"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#scriptable-options"}},[t._v("#")]),t._v(" Scriptable Options")]),t._v(" "),e("p",[t._v("As with most options in chart.js, the annotation plugin options are scriptable. This means that a function can be passed which returns the value as needed. In the example below, the annotation is hidden when the screen is less than 1000px wide.\nThe function receives 2 arguments, first is the "),e("a",{attrs:{href:"#option-context"}},[t._v("option context")]),t._v(" representing contextual information. An options resolver is passed as second argument, which can be used to access the options that were originally passed in to configure the annotation element.")]),t._v(" "),e("chart-editor",{attrs:{code:"/* */\nconst options = {\n plugins: {\n annotation: {\n annotations: {\n box1: {\n drawTime: 'afterDatasetsDraw',\n display: (context, opts) => {\n const body = document.querySelector('body');\n const rect = body.getBoundingClientRect();\n return rect.width >= 1000;\n },\n type: 'box',\n xMin: 1,\n xMax: 2,\n yMin: 50,\n yMax: 70,\n backgroundColor: 'rgba(255, 99, 132, 0.5)'\n }\n }\n }\n }\n};\n/* */\n\n/* */\nconst config = {\n type: 'line',\n data: {\n labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July'],\n datasets: [{\n label: 'My First Dataset',\n data: [65, 59, 80, 81, 56, 55, 40],\n fill: false,\n borderColor: 'rgb(75, 192, 192)',\n tension: 0.1\n }]\n },\n options\n};\n/* */\n\nmodule.exports = {\n config\n};\n"}}),e("h2",{attrs:{id:"draw-time"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#draw-time"}},[t._v("#")]),t._v(" Draw Time")]),t._v(" "),e("p",[t._v("The "),e("code",[t._v("drawTime")]),t._v(" option for an annotation determines where in the chart lifecycle the drawing occurs. Four potential options are available:")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",[t._v("Option")]),t._v(" "),e("th",[t._v("Notes")])])]),t._v(" "),e("tbody",[e("tr",[e("td",[e("code",[t._v("'beforeDraw'")])]),t._v(" "),e("td",[t._v("Occurs before any drawing takes place")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("'beforeDatasetsDraw'")])]),t._v(" "),e("td",[t._v("Occurs after drawing of axes, but before datasets")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("'afterDatasetsDraw'")])]),t._v(" "),e("td",[t._v("Occurs after drawing of datasets but before items such as the tooltip")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("'afterDraw'")])]),t._v(" "),e("td",[t._v("After other drawing is completed.")])])])]),t._v(" "),e("h2",{attrs:{id:"option-context"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#option-context"}},[t._v("#")]),t._v(" Option Context")]),t._v(" "),e("p",[t._v("The option context is used to give contextual information when resolving options and only applies to scriptable options. The object is preserved, so it can be used to store and pass information between calls / options.")]),t._v(" "),e("p",[t._v("There are 2 levels of option context objects:")]),t._v(" "),e("ul",[e("li",[e("code",[t._v("chart")]),t._v(" "),e("ul",[e("li",[e("code",[t._v("annotation")])])])])]),t._v(" "),e("p",[t._v("The context object contains the following properties:")]),t._v(" "),e("h3",{attrs:{id:"chart"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#chart"}},[t._v("#")]),t._v(" chart")]),t._v(" "),e("ul",[e("li",[e("code",[t._v("chart")]),t._v(": the associated chart")]),t._v(" "),e("li",[e("code",[t._v("type")]),t._v(": "),e("code",[t._v("'chart'")])])]),t._v(" "),e("p",[t._v("The "),e("a",{attrs:{href:"#chart"}},[t._v("chart")]),t._v(" option context is provided by Chart.js. It is passed to scriptable options when resolving annotation "),e("code",[t._v("id")]),t._v(", "),e("code",[t._v("type")]),t._v(" and "),e("code",[t._v("drawTime")]),t._v(" or adjusting scale ranges in "),e("code",[t._v("afterDataLimits")]),t._v(" hook. The options resolved at that time are "),e("code",[t._v("scaleID")]),t._v(", "),e("code",[t._v("xScaleID")]),t._v(", "),e("code",[t._v("yScaleID")]),t._v(", "),e("code",[t._v("value")]),t._v(", "),e("code",[t._v("endValue")]),t._v(", "),e("code",[t._v("xMin")]),t._v(", "),e("code",[t._v("xMax")]),t._v(", "),e("code",[t._v("yMin")]),t._v(", "),e("code",[t._v("yMax")]),t._v(", "),e("code",[t._v("xValue")]),t._v(" and "),e("code",[t._v("yValue")]),t._v(".")]),t._v(" "),e("h3",{attrs:{id:"annotation"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#annotation"}},[t._v("#")]),t._v(" annotation")]),t._v(" "),e("p",[t._v("In addition to "),e("a",{attrs:{href:"#chart"}},[t._v("chart")])]),t._v(" "),e("ul",[e("li",[e("code",[t._v("id")]),t._v(": the annotation id")]),t._v(" "),e("li",[e("code",[t._v("element")]),t._v(": the annotation element")]),t._v(" "),e("li",[e("code",[t._v("elements")]),t._v(": the array which contains the already created annotation elements.")]),t._v(" "),e("li",[e("code",[t._v("type")]),t._v(": "),e("code",[t._v("'annotation'")])])]),t._v(" "),e("p",[t._v("The "),e("a",{attrs:{href:"#annotation"}},[t._v("annotation")]),t._v(" option context is passed to scriptable options in all other cases, except when resolving "),e("code",[t._v("id")]),t._v(", "),e("code",[t._v("type")]),t._v(" or adjusting scale ranges. The same values resolved in "),e("code",[t._v("afterDataLimits")]),t._v(" with "),e("a",{attrs:{href:"#chart"}},[t._v("chart")]),t._v(" context are again evaluated in "),e("code",[t._v("afterUpdate")]),t._v(" with "),e("a",{attrs:{href:"#annotation"}},[t._v("annotation")]),t._v(" context.")]),t._v(" "),e("p",[t._v("Note that the annotation element may be undefined or partially uninitialized, since scriptable options may be invoked during the initial chart display, before everything's been resolved and initialized.")])],1)}),[],!1,null,null,null);e.default=o.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[51],{463:function(t,e,a){"use strict";a.r(e);var n=a(4),o=Object(n.a)({},(function(){var t=this,e=t._self._c;return e("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[e("h1",{attrs:{id:"options"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#options"}},[t._v("#")]),t._v(" Options")]),t._v(" "),e("h2",{attrs:{id:"color"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#color"}},[t._v("#")]),t._v(" Color")]),t._v(" "),e("p",[t._v("Any color supported by "),e("a",{attrs:{href:"https://www.chartjs.org/docs/master/general/colors",target:"_blank",rel:"noopener noreferrer"}},[t._v("chart.js"),e("OutboundLink")],1),t._v(" is supported by the annotation plugin.")]),t._v(" "),e("h2",{attrs:{id:"font"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#font"}},[t._v("#")]),t._v(" Font")]),t._v(" "),e("p",[t._v("Fonts use the same format as "),e("a",{attrs:{href:"https://www.chartjs.org/docs/master/general/fonts",target:"_blank",rel:"noopener noreferrer"}},[t._v("chart.js"),e("OutboundLink")],1),t._v(".")]),t._v(" "),e("h2",{attrs:{id:"padding"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#padding"}},[t._v("#")]),t._v(" Padding")]),t._v(" "),e("p",[t._v("Paddings use the same format as "),e("a",{attrs:{href:"https://www.chartjs.org/docs/master/general/padding.html",target:"_blank",rel:"noopener noreferrer"}},[t._v("chart.js"),e("OutboundLink")],1),t._v(".")]),t._v(" "),e("h2",{attrs:{id:"point-style"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#point-style"}},[t._v("#")]),t._v(" Point Style")]),t._v(" "),e("p",[t._v("Point styles use the same format as "),e("a",{attrs:{href:"https://www.chartjs.org/docs/master/configuration/elements.html#point-styles",target:"_blank",rel:"noopener noreferrer"}},[t._v("chart.js"),e("OutboundLink")],1),t._v(".")]),t._v(" "),e("h2",{attrs:{id:"interaction"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#interaction"}},[t._v("#")]),t._v(" Interaction")]),t._v(" "),e("p",[t._v("Interaction uses the same format as "),e("a",{attrs:{href:"https://www.chartjs.org/docs/latest/configuration/interactions.html#interactions",target:"_blank",rel:"noopener noreferrer"}},[t._v("chart.js"),e("OutboundLink")],1),t._v(".")]),t._v(" "),e("div",{staticClass:"custom-block warning"},[e("p",{staticClass:"custom-block-title"},[t._v("WARNING")]),t._v(" "),e("p",[t._v("Interaction "),e("code",[t._v("index")]),t._v(" and "),e("code",[t._v("dataset")]),t._v(" modes are not supported by the plugin. If set, the plugin will use "),e("code",[t._v("nearest")]),t._v(" mode.")]),t._v(" "),e("p",[t._v("Interaction "),e("code",[t._v("r")]),t._v(" axis is not supported by the plugin. If set, the plugin will use "),e("code",[t._v("xy")]),t._v(" mode.")])]),t._v(" "),e("h2",{attrs:{id:"scriptable-options"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#scriptable-options"}},[t._v("#")]),t._v(" Scriptable Options")]),t._v(" "),e("p",[t._v("As with most options in chart.js, the annotation plugin options are scriptable. This means that a function can be passed which returns the value as needed. In the example below, the annotation is hidden when the screen is less than 1000px wide.\nThe function receives 2 arguments, first is the "),e("a",{attrs:{href:"#option-context"}},[t._v("option context")]),t._v(" representing contextual information. An options resolver is passed as second argument, which can be used to access the options that were originally passed in to configure the annotation element.")]),t._v(" "),e("chart-editor",{attrs:{code:"/* */\nconst options = {\n plugins: {\n annotation: {\n annotations: {\n box1: {\n drawTime: 'afterDatasetsDraw',\n display: (context, opts) => {\n const body = document.querySelector('body');\n const rect = body.getBoundingClientRect();\n return rect.width >= 1000;\n },\n type: 'box',\n xMin: 1,\n xMax: 2,\n yMin: 50,\n yMax: 70,\n backgroundColor: 'rgba(255, 99, 132, 0.5)'\n }\n }\n }\n }\n};\n/* */\n\n/* */\nconst config = {\n type: 'line',\n data: {\n labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July'],\n datasets: [{\n label: 'My First Dataset',\n data: [65, 59, 80, 81, 56, 55, 40],\n fill: false,\n borderColor: 'rgb(75, 192, 192)',\n tension: 0.1\n }]\n },\n options\n};\n/* */\n\nmodule.exports = {\n config\n};\n"}}),e("h2",{attrs:{id:"draw-time"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#draw-time"}},[t._v("#")]),t._v(" Draw Time")]),t._v(" "),e("p",[t._v("The "),e("code",[t._v("drawTime")]),t._v(" option for an annotation determines where in the chart lifecycle the drawing occurs. Four potential predefined options are available:")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",[t._v("Option")]),t._v(" "),e("th",[t._v("Notes")])])]),t._v(" "),e("tbody",[e("tr",[e("td",[e("code",[t._v("'beforeDraw'")])]),t._v(" "),e("td",[t._v("Occurs before any drawing takes place")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("'beforeDatasetsDraw'")])]),t._v(" "),e("td",[t._v("Occurs after drawing of axes, but before datasets")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("'afterDatasetsDraw'")])]),t._v(" "),e("td",[t._v("Occurs after drawing of datasets but before items such as the tooltip")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("'afterDraw'")])]),t._v(" "),e("td",[t._v("After other drawing is completed.")])])])]),t._v(" "),e("p",[t._v("Furthermore, the "),e("code",[t._v("drawTime")]),t._v(" option can be set as number which represents the dataset index used to draw the annotation, before that dataset will be.")]),t._v(" "),e("h2",{attrs:{id:"option-context"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#option-context"}},[t._v("#")]),t._v(" Option Context")]),t._v(" "),e("p",[t._v("The option context is used to give contextual information when resolving options and only applies to scriptable options. The object is preserved, so it can be used to store and pass information between calls / options.")]),t._v(" "),e("p",[t._v("There are 2 levels of option context objects:")]),t._v(" "),e("ul",[e("li",[e("code",[t._v("chart")]),t._v(" "),e("ul",[e("li",[e("code",[t._v("annotation")])])])])]),t._v(" "),e("p",[t._v("The context object contains the following properties:")]),t._v(" "),e("h3",{attrs:{id:"chart"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#chart"}},[t._v("#")]),t._v(" chart")]),t._v(" "),e("ul",[e("li",[e("code",[t._v("chart")]),t._v(": the associated chart")]),t._v(" "),e("li",[e("code",[t._v("type")]),t._v(": "),e("code",[t._v("'chart'")])])]),t._v(" "),e("p",[t._v("The "),e("a",{attrs:{href:"#chart"}},[t._v("chart")]),t._v(" option context is provided by Chart.js. It is passed to scriptable options when resolving annotation "),e("code",[t._v("id")]),t._v(", "),e("code",[t._v("type")]),t._v(" and "),e("code",[t._v("drawTime")]),t._v(" or adjusting scale ranges in "),e("code",[t._v("afterDataLimits")]),t._v(" hook. The options resolved at that time are "),e("code",[t._v("scaleID")]),t._v(", "),e("code",[t._v("xScaleID")]),t._v(", "),e("code",[t._v("yScaleID")]),t._v(", "),e("code",[t._v("value")]),t._v(", "),e("code",[t._v("endValue")]),t._v(", "),e("code",[t._v("xMin")]),t._v(", "),e("code",[t._v("xMax")]),t._v(", "),e("code",[t._v("yMin")]),t._v(", "),e("code",[t._v("yMax")]),t._v(", "),e("code",[t._v("xValue")]),t._v(" and "),e("code",[t._v("yValue")]),t._v(".")]),t._v(" "),e("h3",{attrs:{id:"annotation"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#annotation"}},[t._v("#")]),t._v(" annotation")]),t._v(" "),e("p",[t._v("In addition to "),e("a",{attrs:{href:"#chart"}},[t._v("chart")])]),t._v(" "),e("ul",[e("li",[e("code",[t._v("id")]),t._v(": the annotation id")]),t._v(" "),e("li",[e("code",[t._v("element")]),t._v(": the annotation element")]),t._v(" "),e("li",[e("code",[t._v("elements")]),t._v(": the array which contains the already created annotation elements.")]),t._v(" "),e("li",[e("code",[t._v("type")]),t._v(": "),e("code",[t._v("'annotation'")])])]),t._v(" "),e("p",[t._v("The "),e("a",{attrs:{href:"#annotation"}},[t._v("annotation")]),t._v(" option context is passed to scriptable options in all other cases, except when resolving "),e("code",[t._v("id")]),t._v(", "),e("code",[t._v("type")]),t._v(" or adjusting scale ranges. The same values resolved in "),e("code",[t._v("afterDataLimits")]),t._v(" with "),e("a",{attrs:{href:"#chart"}},[t._v("chart")]),t._v(" context are again evaluated in "),e("code",[t._v("afterUpdate")]),t._v(" with "),e("a",{attrs:{href:"#annotation"}},[t._v("annotation")]),t._v(" context.")]),t._v(" "),e("p",[t._v("Note that the annotation element may be undefined or partially uninitialized, since scriptable options may be invoked during the initial chart display, before everything's been resolved and initialized.")])],1)}),[],!1,null,null,null);e.default=o.exports}}]); \ No newline at end of file diff --git a/master/assets/js/52.55bb4207.js b/master/assets/js/52.55bb4207.js new file mode 100644 index 000000000..b2ef23820 --- /dev/null +++ b/master/assets/js/52.55bb4207.js @@ -0,0 +1 @@ +(window.webpackJsonp=window.webpackJsonp||[]).push([[52],{465:function(e,t,o){"use strict";o.r(t);var n=o(4),a=Object(n.a)({},(function(){var e=this,t=e._self._c;return t("ContentSlotsDistributor",{attrs:{"slot-key":e.$parent.slotKey}},[t("h2",{attrs:{id:"label"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#label"}},[e._v("#")]),e._v(" Label")]),e._v(" "),t("p",[e._v("Namespace: "),t("code",[e._v("options.annotations[annotationID].label")]),e._v(", it defines options for the the label of annotation.")]),e._v(" "),t("p",[e._v("All of these options can be "),t("RouterLink",{attrs:{to:"/guide/options.html#scriptable-options"}},[e._v("Scriptable")])],1),e._v(" "),t("table",[t("thead",[t("tr",[t("th",[e._v("Name")]),e._v(" "),t("th",[e._v("Type")]),e._v(" "),t("th",{staticStyle:{"text-align":"center"}},[e._v("Default")]),e._v(" "),t("th",[e._v("Notes")])])]),e._v(" "),t("tbody",[t("tr",[t("td",[t("a",{attrs:{href:"#fonts-and-colors"}},[t("code",[e._v("color")])])]),e._v(" "),t("td",[t("a",{attrs:{href:"../options#color"}},[t("code",[e._v("Color")]),e._v("|"),t("code",[e._v("Color[]")])])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[t("code",[e._v("'black'")])]),e._v(" "),t("td",[e._v("Text color.")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("content")])]),e._v(" "),t("td",[t("code",[e._v("string")]),e._v("|"),t("code",[e._v("string[]")]),e._v("|"),t("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/HTMLImageElement/Image",target:"_blank",rel:"noopener noreferrer"}},[t("code",[e._v("Image")]),t("OutboundLink")],1),e._v("|"),t("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/HTMLCanvasElement",target:"_blank",rel:"noopener noreferrer"}},[t("code",[e._v("HTMLCanvasElement")]),t("OutboundLink")],1)]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[t("code",[e._v("null")])]),e._v(" "),t("td",[e._v("The content to show in the label.")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("display")])]),e._v(" "),t("td",[t("code",[e._v("boolean")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[t("code",[e._v("false")])]),e._v(" "),t("td",[e._v("Whether or not the label is shown.")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("drawTime")])]),e._v(" "),t("td",[t("code",[e._v("string")]),e._v("|"),t("code",[e._v("number")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[t("code",[e._v("options.drawTime")])]),e._v(" "),t("td",[e._v("See "),t("a",{attrs:{href:"../options#draw-time"}},[e._v("drawTime")]),e._v(". Defaults to the annotation draw time if unset")])]),e._v(" "),t("tr",[t("td",[t("a",{attrs:{href:"#fonts-and-colors"}},[t("code",[e._v("font")])])]),e._v(" "),t("td",[t("a",{attrs:{href:"../options#font"}},[t("code",[e._v("Font")]),e._v("|"),t("code",[e._v("Font[]")])])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[t("code",[e._v("{ weight: 'bold' }")])]),e._v(" "),t("td",[e._v("Label font")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("height")])]),e._v(" "),t("td",[t("code",[e._v("number")]),e._v("|"),t("code",[e._v("string")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[t("code",[e._v("undefined")])]),e._v(" "),t("td",[e._v("Overrides the height of the image or canvas element. Could be set in pixel by a number, or in percentage of current height of image or canvas element by a string. If undefined, uses the height of the image or canvas element. It is used only when the content is an image or canvas element.")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("hitTolerance")])]),e._v(" "),t("td",[t("code",[e._v("number")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[t("code",[e._v("undefined")])]),e._v(" "),t("td",[e._v("Amount of pixels to interact with annotations within some distance of the mouse point.")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("opacity")])]),e._v(" "),t("td",[t("code",[e._v("number")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[t("code",[e._v("undefined")])]),e._v(" "),t("td",[e._v("Overrides the opacity of the image or canvas element. Could be set a number in the range 0.0 to 1.0, inclusive. If undefined, uses the opacity of the image or canvas element. It is used only when the content is an image or canvas element.")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("padding")])]),e._v(" "),t("td",[t("RouterLink",{attrs:{to:"/guide/options.html#padding"}},[t("code",[e._v("Padding")])])],1),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[t("code",[e._v("6")])]),e._v(" "),t("td",[e._v("The padding to add around the text label.")])]),e._v(" "),t("tr",[t("td",[t("a",{attrs:{href:"#position"}},[t("code",[e._v("position")])])]),e._v(" "),t("td",[t("code",[e._v("string")]),e._v("|"),t("code",[e._v("{x: string, y: string}")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[t("code",[e._v("'center'")])]),e._v(" "),t("td",[e._v("Anchor position of label in the annotation.")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("rotation")])]),e._v(" "),t("td",[t("code",[e._v("number")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[t("code",[e._v("undefined")])]),e._v(" "),t("td",[e._v("Rotation of label, in degrees. If "),t("code",[e._v("undefined")]),e._v(", the annotation rotation is used.")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("textAlign")])]),e._v(" "),t("td",[t("code",[e._v("string")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[t("code",[e._v("'start'")])]),e._v(" "),t("td",[e._v("Text alignment of label content when there's more than one line. Possible options are: "),t("code",[e._v("'left'")]),e._v(", "),t("code",[e._v("'start'")]),e._v(", "),t("code",[e._v("'center'")]),e._v(", "),t("code",[e._v("'end'")]),e._v(", "),t("code",[e._v("'right'")]),e._v(".")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("textStrokeColor")])]),e._v(" "),t("td",[t("RouterLink",{attrs:{to:"/guide/options.html#color"}},[t("code",[e._v("Color")])])],1),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[t("code",[e._v("undefined")])]),e._v(" "),t("td",[e._v("The color of the stroke around the text.")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("textStrokeWidth")])]),e._v(" "),t("td",[t("code",[e._v("number")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[t("code",[e._v("0")])]),e._v(" "),t("td",[e._v("Stroke width around the text.")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("width")])]),e._v(" "),t("td",[t("code",[e._v("number")]),e._v("|"),t("code",[e._v("string")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[t("code",[e._v("undefined")])]),e._v(" "),t("td",[e._v("Overrides the width of the image or canvas element. Could be set in pixel by a number, or in percentage of current width of image or canvas element by a string. If undefined, uses the width of the image or canvas element. It is used only when the content is an image or canvas element.")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("xAdjust")])]),e._v(" "),t("td",[t("code",[e._v("number")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[t("code",[e._v("0")])]),e._v(" "),t("td",[e._v("Adjustment along x-axis (left-right) of label relative to computed position. Negative values move the label left, positive right.")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("yAdjust")])]),e._v(" "),t("td",[t("code",[e._v("number")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[t("code",[e._v("0")])]),e._v(" "),t("td",[e._v("Adjustment along y-axis (top-bottom) of label relative to computed position. Negative values move the label up, positive down.")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("z")])]),e._v(" "),t("td",[t("code",[e._v("number")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[t("code",[e._v("0")])]),e._v(" "),t("td",[e._v("It determines the drawing stack level of the label element, with same "),t("code",[e._v("drawTime")]),e._v(".")])])])]),e._v(" "),t("h3",{attrs:{id:"position"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#position"}},[e._v("#")]),e._v(" Position")]),e._v(" "),t("p",[e._v("A position can be set in 2 different values types:")]),e._v(" "),t("ol",[t("li",[t("code",[e._v("'start'")]),e._v(", "),t("code",[e._v("'center'")]),e._v(", "),t("code",[e._v("'end'")]),e._v(" which are defining where the label will be located")]),e._v(" "),t("li",[e._v("a "),t("code",[e._v("string")]),e._v(", in percentage format "),t("code",[e._v("'number%'")]),e._v(", is representing the percentage on the size where the label will be located")])]),e._v(" "),t("p",[e._v("If this value is a string (possible options are "),t("code",[e._v("'start'")]),e._v(", "),t("code",[e._v("'center'")]),e._v(", "),t("code",[e._v("'end'")]),e._v(" or a string in percentage format), it is applied to vertical and horizontal position in the annotation.")]),e._v(" "),t("p",[e._v("If this value is an object, the "),t("code",[e._v("x")]),e._v(" property defines the horizontal alignment in the annotation. Similarly, the "),t("code",[e._v("y")]),e._v(" property defines the vertical alignment in the annotation. Possible options for both properties are "),t("code",[e._v("'start'")]),e._v(", "),t("code",[e._v("'center'")]),e._v(", "),t("code",[e._v("'end'")]),e._v(", a string in percentage format. Omitted property have value of the default, "),t("code",[e._v("'center'")]),e._v(".")]),e._v(" "),t("h3",{attrs:{id:"fonts-and-colors"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#fonts-and-colors"}},[e._v("#")]),e._v(" Fonts and colors")]),e._v(" "),t("p",[e._v("When the label to draw has multiple lines, you can use different font and color for each line of the label. This is enabled configuring an array of fonts or colors for those options. When the lines are more than the configured fonts of colors, the last configuration of those options is used for all remaining lines.")])])}),[],!1,null,null,null);t.default=a.exports}}]); \ No newline at end of file diff --git a/master/assets/js/52.a10390b0.js b/master/assets/js/52.a10390b0.js deleted file mode 100644 index 17ab64751..000000000 --- a/master/assets/js/52.a10390b0.js +++ /dev/null @@ -1 +0,0 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[52],{464:function(e,t,o){"use strict";o.r(t);var n=o(4),a=Object(n.a)({},(function(){var e=this,t=e._self._c;return t("ContentSlotsDistributor",{attrs:{"slot-key":e.$parent.slotKey}},[t("h2",{attrs:{id:"label"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#label"}},[e._v("#")]),e._v(" Label")]),e._v(" "),t("p",[e._v("Namespace: "),t("code",[e._v("options.annotations[annotationID].label")]),e._v(", it defines options for the the label of annotation.")]),e._v(" "),t("p",[e._v("All of these options can be "),t("RouterLink",{attrs:{to:"/guide/options.html#scriptable-options"}},[e._v("Scriptable")])],1),e._v(" "),t("table",[t("thead",[t("tr",[t("th",[e._v("Name")]),e._v(" "),t("th",[e._v("Type")]),e._v(" "),t("th",{staticStyle:{"text-align":"center"}},[e._v("Default")]),e._v(" "),t("th",[e._v("Notes")])])]),e._v(" "),t("tbody",[t("tr",[t("td",[t("a",{attrs:{href:"#fonts-and-colors"}},[t("code",[e._v("color")])])]),e._v(" "),t("td",[t("a",{attrs:{href:"../options#color"}},[t("code",[e._v("Color")]),e._v("|"),t("code",[e._v("Color[]")])])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[t("code",[e._v("'black'")])]),e._v(" "),t("td",[e._v("Text color.")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("content")])]),e._v(" "),t("td",[t("code",[e._v("string")]),e._v("|"),t("code",[e._v("string[]")]),e._v("|"),t("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/HTMLImageElement/Image",target:"_blank",rel:"noopener noreferrer"}},[t("code",[e._v("Image")]),t("OutboundLink")],1),e._v("|"),t("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/HTMLCanvasElement",target:"_blank",rel:"noopener noreferrer"}},[t("code",[e._v("HTMLCanvasElement")]),t("OutboundLink")],1)]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[t("code",[e._v("null")])]),e._v(" "),t("td",[e._v("The content to show in the label.")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("display")])]),e._v(" "),t("td",[t("code",[e._v("boolean")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[t("code",[e._v("false")])]),e._v(" "),t("td",[e._v("Whether or not the label is shown.")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("drawTime")])]),e._v(" "),t("td",[t("code",[e._v("string")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[t("code",[e._v("options.drawTime")])]),e._v(" "),t("td",[e._v("See "),t("a",{attrs:{href:"../options#draw-time"}},[e._v("drawTime")]),e._v(". Defaults to the annotation draw time if unset")])]),e._v(" "),t("tr",[t("td",[t("a",{attrs:{href:"#fonts-and-colors"}},[t("code",[e._v("font")])])]),e._v(" "),t("td",[t("a",{attrs:{href:"../options#font"}},[t("code",[e._v("Font")]),e._v("|"),t("code",[e._v("Font[]")])])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[t("code",[e._v("{ weight: 'bold' }")])]),e._v(" "),t("td",[e._v("Label font")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("height")])]),e._v(" "),t("td",[t("code",[e._v("number")]),e._v("|"),t("code",[e._v("string")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[t("code",[e._v("undefined")])]),e._v(" "),t("td",[e._v("Overrides the height of the image or canvas element. Could be set in pixel by a number, or in percentage of current height of image or canvas element by a string. If undefined, uses the height of the image or canvas element. It is used only when the content is an image or canvas element.")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("hitTolerance")])]),e._v(" "),t("td",[t("code",[e._v("number")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[t("code",[e._v("undefined")])]),e._v(" "),t("td",[e._v("Amount of pixels to interact with annotations within some distance of the mouse point.")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("opacity")])]),e._v(" "),t("td",[t("code",[e._v("number")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[t("code",[e._v("undefined")])]),e._v(" "),t("td",[e._v("Overrides the opacity of the image or canvas element. Could be set a number in the range 0.0 to 1.0, inclusive. If undefined, uses the opacity of the image or canvas element. It is used only when the content is an image or canvas element.")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("padding")])]),e._v(" "),t("td",[t("RouterLink",{attrs:{to:"/guide/options.html#padding"}},[t("code",[e._v("Padding")])])],1),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[t("code",[e._v("6")])]),e._v(" "),t("td",[e._v("The padding to add around the text label.")])]),e._v(" "),t("tr",[t("td",[t("a",{attrs:{href:"#position"}},[t("code",[e._v("position")])])]),e._v(" "),t("td",[t("code",[e._v("string")]),e._v("|"),t("code",[e._v("{x: string, y: string}")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[t("code",[e._v("'center'")])]),e._v(" "),t("td",[e._v("Anchor position of label in the annotation.")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("rotation")])]),e._v(" "),t("td",[t("code",[e._v("number")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[t("code",[e._v("undefined")])]),e._v(" "),t("td",[e._v("Rotation of label, in degrees. If "),t("code",[e._v("undefined")]),e._v(", the annotation rotation is used.")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("textAlign")])]),e._v(" "),t("td",[t("code",[e._v("string")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[t("code",[e._v("'start'")])]),e._v(" "),t("td",[e._v("Text alignment of label content when there's more than one line. Possible options are: "),t("code",[e._v("'left'")]),e._v(", "),t("code",[e._v("'start'")]),e._v(", "),t("code",[e._v("'center'")]),e._v(", "),t("code",[e._v("'end'")]),e._v(", "),t("code",[e._v("'right'")]),e._v(".")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("textStrokeColor")])]),e._v(" "),t("td",[t("RouterLink",{attrs:{to:"/guide/options.html#color"}},[t("code",[e._v("Color")])])],1),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[t("code",[e._v("undefined")])]),e._v(" "),t("td",[e._v("The color of the stroke around the text.")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("textStrokeWidth")])]),e._v(" "),t("td",[t("code",[e._v("number")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[t("code",[e._v("0")])]),e._v(" "),t("td",[e._v("Stroke width around the text.")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("width")])]),e._v(" "),t("td",[t("code",[e._v("number")]),e._v("|"),t("code",[e._v("string")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[t("code",[e._v("undefined")])]),e._v(" "),t("td",[e._v("Overrides the width of the image or canvas element. Could be set in pixel by a number, or in percentage of current width of image or canvas element by a string. If undefined, uses the width of the image or canvas element. It is used only when the content is an image or canvas element.")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("xAdjust")])]),e._v(" "),t("td",[t("code",[e._v("number")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[t("code",[e._v("0")])]),e._v(" "),t("td",[e._v("Adjustment along x-axis (left-right) of label relative to computed position. Negative values move the label left, positive right.")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("yAdjust")])]),e._v(" "),t("td",[t("code",[e._v("number")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[t("code",[e._v("0")])]),e._v(" "),t("td",[e._v("Adjustment along y-axis (top-bottom) of label relative to computed position. Negative values move the label up, positive down.")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("z")])]),e._v(" "),t("td",[t("code",[e._v("number")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[t("code",[e._v("0")])]),e._v(" "),t("td",[e._v("It determines the drawing stack level of the label element, with same "),t("code",[e._v("drawTime")]),e._v(".")])])])]),e._v(" "),t("h3",{attrs:{id:"position"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#position"}},[e._v("#")]),e._v(" Position")]),e._v(" "),t("p",[e._v("A position can be set in 2 different values types:")]),e._v(" "),t("ol",[t("li",[t("code",[e._v("'start'")]),e._v(", "),t("code",[e._v("'center'")]),e._v(", "),t("code",[e._v("'end'")]),e._v(" which are defining where the label will be located")]),e._v(" "),t("li",[e._v("a "),t("code",[e._v("string")]),e._v(", in percentage format "),t("code",[e._v("'number%'")]),e._v(", is representing the percentage on the size where the label will be located")])]),e._v(" "),t("p",[e._v("If this value is a string (possible options are "),t("code",[e._v("'start'")]),e._v(", "),t("code",[e._v("'center'")]),e._v(", "),t("code",[e._v("'end'")]),e._v(" or a string in percentage format), it is applied to vertical and horizontal position in the annotation.")]),e._v(" "),t("p",[e._v("If this value is an object, the "),t("code",[e._v("x")]),e._v(" property defines the horizontal alignment in the annotation. Similarly, the "),t("code",[e._v("y")]),e._v(" property defines the vertical alignment in the annotation. Possible options for both properties are "),t("code",[e._v("'start'")]),e._v(", "),t("code",[e._v("'center'")]),e._v(", "),t("code",[e._v("'end'")]),e._v(", a string in percentage format. Omitted property have value of the default, "),t("code",[e._v("'center'")]),e._v(".")]),e._v(" "),t("h3",{attrs:{id:"fonts-and-colors"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#fonts-and-colors"}},[e._v("#")]),e._v(" Fonts and colors")]),e._v(" "),t("p",[e._v("When the label to draw has multiple lines, you can use different font and color for each line of the label. This is enabled configuring an array of fonts or colors for those options. When the lines are more than the configured fonts of colors, the last configuration of those options is used for all remaining lines.")])])}),[],!1,null,null,null);t.default=a.exports}}]); \ No newline at end of file diff --git a/master/assets/js/53.14191ac0.js b/master/assets/js/53.14191ac0.js deleted file mode 100644 index dbd5ec8f5..000000000 --- a/master/assets/js/53.14191ac0.js +++ /dev/null @@ -1 +0,0 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[53],{465:function(t,e,d){"use strict";d.r(e);var v=d(4),_=Object(v.a)({},(function(){var t=this,e=t._self._c;return e("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[e("h3",{attrs:{id:"common-options-to-all-annotations"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#common-options-to-all-annotations"}},[t._v("#")]),t._v(" Common options to all annotations")]),t._v(" "),e("p",[t._v("The following options are available for all annotations.")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",[t._v("Name")]),t._v(" "),e("th",[t._v("Type")]),t._v(" "),e("th",{staticStyle:{"text-align":"center"}},[e("RouterLink",{attrs:{to:"/guide/options.html#scriptable-options"}},[t._v("Scriptable")])],1),t._v(" "),e("th",[t._v("Default")])])]),t._v(" "),e("tbody",[e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("adjustScaleRange")])])]),t._v(" "),e("td",[e("code",[t._v("boolean")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("true")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#styling"}},[e("code",[t._v("backgroundColor")])])]),t._v(" "),e("td",[e("RouterLink",{attrs:{to:"/guide/options.html#color"}},[e("code",[t._v("Color")])])],1),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("options.color")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#styling"}},[e("code",[t._v("borderColor")])])]),t._v(" "),e("td",[e("RouterLink",{attrs:{to:"/guide/options.html#color"}},[e("code",[t._v("Color")])])],1),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("options.color")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#styling"}},[e("code",[t._v("borderDash")])])]),t._v(" "),e("td",[e("code",[t._v("number[]")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("[]")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#styling"}},[e("code",[t._v("borderDashOffset")])])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("0")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#styling"}},[e("code",[t._v("borderShadowColor")])])]),t._v(" "),e("td",[e("RouterLink",{attrs:{to:"/guide/options.html#color"}},[e("code",[t._v("Color")])])],1),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("'transparent'")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("display")])])]),t._v(" "),e("td",[e("code",[t._v("boolean")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("true")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("drawTime")])])]),t._v(" "),e("td",[e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("'afterDatasetsDraw'")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("hitTolerance")])])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("0")])])]),t._v(" "),e("tr",[e("td",[e("RouterLink",{attrs:{to:"/guide/configuration.html#common"}},[e("code",[t._v("init")])])],1),t._v(" "),e("td",[e("code",[t._v("boolean")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("RouterLink",{attrs:{to:"/guide/configuration.html#initial-animation"}},[t._v("See initial animation")])],1),t._v(" "),e("td",[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("id")])])]),t._v(" "),e("td",[e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("No")]),t._v(" "),e("td",[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#styling"}},[e("code",[t._v("shadowBlur")])])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("0")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#styling"}},[e("code",[t._v("shadowOffsetX")])])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("0")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#styling"}},[e("code",[t._v("shadowOffsetY")])])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("0")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("xMax")])])]),t._v(" "),e("td",[e("code",[t._v("number")]),t._v(" | "),e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("xMin")])])]),t._v(" "),e("td",[e("code",[t._v("number")]),t._v(" | "),e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("xScaleID")])])]),t._v(" "),e("td",[e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("yMin")])])]),t._v(" "),e("td",[e("code",[t._v("number")]),t._v(" | "),e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("yMax")])])]),t._v(" "),e("td",[e("code",[t._v("number")]),t._v(" | "),e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("yScaleID")])])]),t._v(" "),e("td",[e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("z")])])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("0")])])])])])])}),[],!1,null,null,null);e.default=_.exports}}]); \ No newline at end of file diff --git a/master/assets/js/53.c0c7d74b.js b/master/assets/js/53.c0c7d74b.js new file mode 100644 index 000000000..f42f885a0 --- /dev/null +++ b/master/assets/js/53.c0c7d74b.js @@ -0,0 +1 @@ +(window.webpackJsonp=window.webpackJsonp||[]).push([[53],{464:function(t,e,d){"use strict";d.r(e);var v=d(4),_=Object(v.a)({},(function(){var t=this,e=t._self._c;return e("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[e("h3",{attrs:{id:"common-options-to-all-annotations"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#common-options-to-all-annotations"}},[t._v("#")]),t._v(" Common options to all annotations")]),t._v(" "),e("p",[t._v("The following options are available for all annotations.")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",[t._v("Name")]),t._v(" "),e("th",[t._v("Type")]),t._v(" "),e("th",{staticStyle:{"text-align":"center"}},[e("RouterLink",{attrs:{to:"/guide/options.html#scriptable-options"}},[t._v("Scriptable")])],1),t._v(" "),e("th",[t._v("Default")])])]),t._v(" "),e("tbody",[e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("adjustScaleRange")])])]),t._v(" "),e("td",[e("code",[t._v("boolean")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("true")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#styling"}},[e("code",[t._v("backgroundColor")])])]),t._v(" "),e("td",[e("RouterLink",{attrs:{to:"/guide/options.html#color"}},[e("code",[t._v("Color")])])],1),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("options.color")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#styling"}},[e("code",[t._v("borderColor")])])]),t._v(" "),e("td",[e("RouterLink",{attrs:{to:"/guide/options.html#color"}},[e("code",[t._v("Color")])])],1),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("options.color")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#styling"}},[e("code",[t._v("borderDash")])])]),t._v(" "),e("td",[e("code",[t._v("number[]")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("[]")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#styling"}},[e("code",[t._v("borderDashOffset")])])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("0")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#styling"}},[e("code",[t._v("borderShadowColor")])])]),t._v(" "),e("td",[e("RouterLink",{attrs:{to:"/guide/options.html#color"}},[e("code",[t._v("Color")])])],1),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("'transparent'")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("display")])])]),t._v(" "),e("td",[e("code",[t._v("boolean")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("true")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("drawTime")])])]),t._v(" "),e("td",[e("code",[t._v("string")]),t._v("|"),e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("'afterDatasetsDraw'")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("hitTolerance")])])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("0")])])]),t._v(" "),e("tr",[e("td",[e("RouterLink",{attrs:{to:"/guide/configuration.html#common"}},[e("code",[t._v("init")])])],1),t._v(" "),e("td",[e("code",[t._v("boolean")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("RouterLink",{attrs:{to:"/guide/configuration.html#initial-animation"}},[t._v("See initial animation")])],1),t._v(" "),e("td",[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("id")])])]),t._v(" "),e("td",[e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("No")]),t._v(" "),e("td",[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#styling"}},[e("code",[t._v("shadowBlur")])])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("0")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#styling"}},[e("code",[t._v("shadowOffsetX")])])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("0")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#styling"}},[e("code",[t._v("shadowOffsetY")])])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("0")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("xMax")])])]),t._v(" "),e("td",[e("code",[t._v("number")]),t._v(" | "),e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("xMin")])])]),t._v(" "),e("td",[e("code",[t._v("number")]),t._v(" | "),e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("xScaleID")])])]),t._v(" "),e("td",[e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("yMin")])])]),t._v(" "),e("td",[e("code",[t._v("number")]),t._v(" | "),e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("yMax")])])]),t._v(" "),e("td",[e("code",[t._v("number")]),t._v(" | "),e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("yScaleID")])])]),t._v(" "),e("td",[e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("z")])])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("0")])])])])])])}),[],!1,null,null,null);e.default=_.exports}}]); \ No newline at end of file diff --git a/master/assets/js/54.c643ce67.js b/master/assets/js/54.dcabf9ea.js similarity index 95% rename from master/assets/js/54.c643ce67.js rename to master/assets/js/54.dcabf9ea.js index 27216883f..9bccad377 100644 --- a/master/assets/js/54.c643ce67.js +++ b/master/assets/js/54.dcabf9ea.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[54],{473:function(n,t,a){"use strict";a.r(t);var e=a(4),o=Object(e.a)({},(function(){var n=this._self._c;return n("ContentSlotsDistributor",{attrs:{"slot-key":this.$parent.slotKey}},[n("h1",{attrs:{id:"usage"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#usage"}},[this._v("#")]),this._v(" Usage")]),this._v(" "),n("p",[this._v("Using the annotation plugin is very simple. Once the plugin is "),n("a",{attrs:{href:"./integration"}},[this._v("registered")]),this._v(" annotation options provided to the chart will be used. In this simple example, we define a single box annotation for our chart.")]),this._v(" "),n("chart-editor",{attrs:{code:"/* */\nconst config = {\n type: 'line',\n data: {\n labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July'],\n datasets: [{\n label: 'My First Dataset',\n data: [65, 59, 80, 81, 56, 55, 40],\n fill: false,\n borderColor: 'rgb(75, 192, 192)',\n tension: 0.1\n }]\n },\n options: {\n plugins: {\n annotation: {\n annotations: {\n box1: {\n // Indicates the type of annotation\n type: 'box',\n xMin: 1,\n xMax: 2,\n yMin: 50,\n yMax: 70,\n backgroundColor: 'rgba(255, 99, 132, 0.25)'\n }\n }\n }\n }\n }\n};\n/* */\n\nmodule.exports = {\n config\n};\n"}})],1)}),[],!1,null,null,null);t.default=o.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[54],{472:function(n,t,a){"use strict";a.r(t);var e=a(4),o=Object(e.a)({},(function(){var n=this._self._c;return n("ContentSlotsDistributor",{attrs:{"slot-key":this.$parent.slotKey}},[n("h1",{attrs:{id:"usage"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#usage"}},[this._v("#")]),this._v(" Usage")]),this._v(" "),n("p",[this._v("Using the annotation plugin is very simple. Once the plugin is "),n("a",{attrs:{href:"./integration"}},[this._v("registered")]),this._v(" annotation options provided to the chart will be used. In this simple example, we define a single box annotation for our chart.")]),this._v(" "),n("chart-editor",{attrs:{code:"/* */\nconst config = {\n type: 'line',\n data: {\n labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July'],\n datasets: [{\n label: 'My First Dataset',\n data: [65, 59, 80, 81, 56, 55, 40],\n fill: false,\n borderColor: 'rgb(75, 192, 192)',\n tension: 0.1\n }]\n },\n options: {\n plugins: {\n annotation: {\n annotations: {\n box1: {\n // Indicates the type of annotation\n type: 'box',\n xMin: 1,\n xMax: 2,\n yMin: 50,\n yMax: 70,\n backgroundColor: 'rgba(255, 99, 132, 0.25)'\n }\n }\n }\n }\n }\n};\n/* */\n\nmodule.exports = {\n config\n};\n"}})],1)}),[],!1,null,null,null);t.default=o.exports}}]); \ No newline at end of file diff --git a/master/assets/js/55.46eec6e8.js b/master/assets/js/55.ef17ff5a.js similarity index 77% rename from master/assets/js/55.46eec6e8.js rename to master/assets/js/55.ef17ff5a.js index 8e82f6f53..15f5d78da 100644 --- a/master/assets/js/55.46eec6e8.js +++ b/master/assets/js/55.ef17ff5a.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[55],{472:function(t,n,s){"use strict";s.r(n);var e=s(4),o=Object(e.a)({},(function(){return(0,this._self._c)("ContentSlotsDistributor",{attrs:{"slot-key":this.$parent.slotKey}})}),[],!1,null,null,null);n.default=o.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[55],{473:function(t,n,s){"use strict";s.r(n);var e=s(4),o=Object(e.a)({},(function(){return(0,this._self._c)("ContentSlotsDistributor",{attrs:{"slot-key":this.$parent.slotKey}})}),[],!1,null,null,null);n.default=o.exports}}]); \ No newline at end of file diff --git a/master/assets/js/60.8b7086fe.js b/master/assets/js/60.1efa09b5.js similarity index 96% rename from master/assets/js/60.8b7086fe.js rename to master/assets/js/60.1efa09b5.js index 0f5407de2..0092eb77e 100644 --- a/master/assets/js/60.8b7086fe.js +++ b/master/assets/js/60.1efa09b5.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[60],{481:function(n,t,a){"use strict";a.r(t);var o=a(4),s=Object(o.a)({},(function(){var n=this._self._c;return n("ContentSlotsDistributor",{attrs:{"slot-key":this.$parent.slotKey}},[n("h1",{attrs:{id:"using-images-as-labels"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#using-images-as-labels"}},[this._v("#")]),this._v(" Using images as labels")]),this._v(" "),n("chart-editor",{attrs:{code:"// \nconst DATA_COUNT = 12;\nconst MIN = 10;\nconst MAX = 100;\n\nconst numberCfg = {count: DATA_COUNT, min: MIN, max: MAX};\n\nconst data = {\n labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'],\n datasets: [{\n data: Utils.numbers(numberCfg)\n }]\n};\n// \n\n// \nconst annotation = {\n type: 'box',\n backgroundColor: 'rgba(0, 0, 0, 0.2)',\n borderWidth: 1,\n borderColor: '#F27173',\n yMin: 30,\n yMax: 80,\n xMax: 2,\n xMin: 5,\n label: {\n display: true,\n content: Utils.getImage(),\n width: 150,\n height: 150,\n position: 'center'\n }\n};\n// \n\n/* */\nconst config = {\n type: 'line',\n data,\n options: {\n scales: {\n y: {\n beginAtZero: true\n }\n },\n plugins: {\n annotation: {\n annotations: {\n annotation\n }\n }\n }\n }\n};\n/* */\n\nconst actions = [\n {\n name: 'Randomize',\n handler: function(chart) {\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data = dataset.data.map(() => Utils.rand(MIN, MAX));\n });\n chart.update();\n }\n }\n];\n\nmodule.exports = {\n actions: actions,\n config: config\n};\n"}})],1)}),[],!1,null,null,null);t.default=s.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[60],{478:function(n,t,a){"use strict";a.r(t);var o=a(4),s=Object(o.a)({},(function(){var n=this._self._c;return n("ContentSlotsDistributor",{attrs:{"slot-key":this.$parent.slotKey}},[n("h1",{attrs:{id:"using-images-as-labels"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#using-images-as-labels"}},[this._v("#")]),this._v(" Using images as labels")]),this._v(" "),n("chart-editor",{attrs:{code:"// \nconst DATA_COUNT = 12;\nconst MIN = 10;\nconst MAX = 100;\n\nconst numberCfg = {count: DATA_COUNT, min: MIN, max: MAX};\n\nconst data = {\n labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'],\n datasets: [{\n data: Utils.numbers(numberCfg)\n }]\n};\n// \n\n// \nconst annotation = {\n type: 'box',\n backgroundColor: 'rgba(0, 0, 0, 0.2)',\n borderWidth: 1,\n borderColor: '#F27173',\n yMin: 30,\n yMax: 80,\n xMax: 2,\n xMin: 5,\n label: {\n display: true,\n content: Utils.getImage(),\n width: 150,\n height: 150,\n position: 'center'\n }\n};\n// \n\n/* */\nconst config = {\n type: 'line',\n data,\n options: {\n scales: {\n y: {\n beginAtZero: true\n }\n },\n plugins: {\n annotation: {\n annotations: {\n annotation\n }\n }\n }\n }\n};\n/* */\n\nconst actions = [\n {\n name: 'Randomize',\n handler: function(chart) {\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data = dataset.data.map(() => Utils.rand(MIN, MAX));\n });\n chart.update();\n }\n }\n];\n\nmodule.exports = {\n actions: actions,\n config: config\n};\n"}})],1)}),[],!1,null,null,null);t.default=s.exports}}]); \ No newline at end of file diff --git a/master/assets/js/61.ba9efda0.js b/master/assets/js/61.1276be5e.js similarity index 97% rename from master/assets/js/61.ba9efda0.js rename to master/assets/js/61.1276be5e.js index 5e82b0dfc..ecbc25bcd 100644 --- a/master/assets/js/61.ba9efda0.js +++ b/master/assets/js/61.1276be5e.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[61],{478:function(n,t,a){"use strict";a.r(t);var o=a(4),i=Object(o.a)({},(function(){var n=this._self._c;return n("ContentSlotsDistributor",{attrs:{"slot-key":this.$parent.slotKey}},[n("h1",{attrs:{id:"initial-animations"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#initial-animations"}},[this._v("#")]),this._v(" Initial animations")]),this._v(" "),n("chart-editor",{attrs:{code:"// \nconst DATA_COUNT = 12;\nconst MIN = 10;\nconst MAX = 100;\n\nconst numberCfg = {count: DATA_COUNT, min: MIN, max: MAX};\n\nconst data = {\n labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'],\n datasets: [{\n data: Utils.numbers(numberCfg)\n }]\n};\n// \n\n// \nconst annotation1 = {\n type: 'box',\n backgroundColor: 'rgba(0, 150, 0, 0.2)',\n borderColor: 'rgba(0, 150, 0)',\n borderRadius: 4,\n borderWidth: 1,\n init: true,\n label: {\n display: true,\n content: 'Fade'\n },\n xMax: 6.5,\n xMin: 4.5,\n yMax: 60,\n yMin: 40\n};\n// \n\n// \nconst annotation2 = {\n type: 'box',\n backgroundColor: 'rgba(0, 150, 0, 0.2)',\n borderColor: 'rgba(0, 150, 0)',\n borderRadius: 4,\n borderWidth: 1,\n init: () => ({y: 0, y2: 0}),\n label: {\n display: true,\n content: 'Flyin from top'\n },\n xMax: 2.5,\n xMin: 0.5,\n yMax: 30,\n yMin: 10\n};\n// \n\n// \nconst annotation3 = {\n type: 'box',\n backgroundColor: 'rgba(0, 150, 0, 0.2)',\n borderColor: 'rgba(0, 150, 0)',\n borderRadius: 4,\n borderWidth: 1,\n init: () => ({x: 0, x2: 0}),\n label: {\n display: true,\n content: 'Flyin from left'\n },\n xMax: 10.5,\n xMin: 8.5,\n yMax: 90,\n yMin: 70\n};\n// \n\n/* */\nconst config = {\n type: 'line',\n data,\n options: {\n scales: {\n y: {\n beginAtZero: true,\n max: 100,\n min: 0\n }\n },\n plugins: {\n annotation: {\n common: {\n drawTime: 'afterDraw'\n },\n annotations: {\n annotation1,\n annotation2,\n annotation3\n }\n }\n }\n }\n};\n/* */\n\nconst actions = [\n {\n name: 'Randomize',\n handler: function(chart) {\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data = dataset.data.map(() => Utils.rand(MIN, MAX));\n });\n chart.update();\n }\n }\n];\n\nmodule.exports = {\n actions: actions,\n config: config,\n};\n"}})],1)}),[],!1,null,null,null);t.default=i.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[61],{479:function(n,t,a){"use strict";a.r(t);var o=a(4),i=Object(o.a)({},(function(){var n=this._self._c;return n("ContentSlotsDistributor",{attrs:{"slot-key":this.$parent.slotKey}},[n("h1",{attrs:{id:"initial-animations"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#initial-animations"}},[this._v("#")]),this._v(" Initial animations")]),this._v(" "),n("chart-editor",{attrs:{code:"// \nconst DATA_COUNT = 12;\nconst MIN = 10;\nconst MAX = 100;\n\nconst numberCfg = {count: DATA_COUNT, min: MIN, max: MAX};\n\nconst data = {\n labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'],\n datasets: [{\n data: Utils.numbers(numberCfg)\n }]\n};\n// \n\n// \nconst annotation1 = {\n type: 'box',\n backgroundColor: 'rgba(0, 150, 0, 0.2)',\n borderColor: 'rgba(0, 150, 0)',\n borderRadius: 4,\n borderWidth: 1,\n init: true,\n label: {\n display: true,\n content: 'Fade'\n },\n xMax: 6.5,\n xMin: 4.5,\n yMax: 60,\n yMin: 40\n};\n// \n\n// \nconst annotation2 = {\n type: 'box',\n backgroundColor: 'rgba(0, 150, 0, 0.2)',\n borderColor: 'rgba(0, 150, 0)',\n borderRadius: 4,\n borderWidth: 1,\n init: () => ({y: 0, y2: 0}),\n label: {\n display: true,\n content: 'Flyin from top'\n },\n xMax: 2.5,\n xMin: 0.5,\n yMax: 30,\n yMin: 10\n};\n// \n\n// \nconst annotation3 = {\n type: 'box',\n backgroundColor: 'rgba(0, 150, 0, 0.2)',\n borderColor: 'rgba(0, 150, 0)',\n borderRadius: 4,\n borderWidth: 1,\n init: () => ({x: 0, x2: 0}),\n label: {\n display: true,\n content: 'Flyin from left'\n },\n xMax: 10.5,\n xMin: 8.5,\n yMax: 90,\n yMin: 70\n};\n// \n\n/* */\nconst config = {\n type: 'line',\n data,\n options: {\n scales: {\n y: {\n beginAtZero: true,\n max: 100,\n min: 0\n }\n },\n plugins: {\n annotation: {\n common: {\n drawTime: 'afterDraw'\n },\n annotations: {\n annotation1,\n annotation2,\n annotation3\n }\n }\n }\n }\n};\n/* */\n\nconst actions = [\n {\n name: 'Randomize',\n handler: function(chart) {\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data = dataset.data.map(() => Utils.rand(MIN, MAX));\n });\n chart.update();\n }\n }\n];\n\nmodule.exports = {\n actions: actions,\n config: config,\n};\n"}})],1)}),[],!1,null,null,null);t.default=i.exports}}]); \ No newline at end of file diff --git a/master/assets/js/63.c7bb586c.js b/master/assets/js/63.b9811547.js similarity index 97% rename from master/assets/js/63.c7bb586c.js rename to master/assets/js/63.b9811547.js index 8e3b00253..a3b2fa192 100644 --- a/master/assets/js/63.c7bb586c.js +++ b/master/assets/js/63.b9811547.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[63],{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 +(window.webpackJsonp=window.webpackJsonp||[]).push([[63],{481:function(n,a,t){"use strict";t.r(a);var o=t(4),e=Object(o.a)({},(function(){var n=this._self._c;return n("ContentSlotsDistributor",{attrs:{"slot-key":this.$parent.slotKey}},[n("h1",{attrs:{id:"bar-chart"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#bar-chart"}},[this._v("#")]),this._v(" Bar Chart")]),this._v(" "),n("chart-editor",{attrs:{code:"// \nconst DATA_COUNT = 8;\nconst MIN = 10;\nconst MAX = 100;\n\nUtils.srand(8);\n\nconst labels = [];\nfor (let i = 0; i < DATA_COUNT; ++i) {\n labels.push('Label ' + i);\n}\n\nconst numberCfg = {count: DATA_COUNT, min: MIN, max: MAX};\n\nconst data = {\n labels: labels,\n datasets: [{\n data: Utils.numbers(numberCfg),\n }, {\n data: Utils.numbers(numberCfg),\n }, {\n data: Utils.numbers(numberCfg),\n }]\n};\n// \n\n// \nconst annotation1 = {\n type: 'line',\n scaleID: 'x',\n borderWidth: 3,\n borderColor: 'black',\n value: 0.5,\n label: {\n content: 'Line annotation at x=0.5',\n display: true\n },\n};\n// \n\n// \nconst annotation2 = {\n type: 'line',\n scaleID: 'x',\n borderWidth: 3,\n borderColor: 'black',\n value: 'Label 5',\n label: {\n rotation: 'auto',\n position: 'start',\n backgroundColor: 'black',\n content: 'Line at x=Label 5',\n display: true\n }\n};\n// \n\n// \nconst annotation3 = {\n type: 'box',\n xMin: 2.5,\n xMax: 3.5,\n yMin: 0,\n yMax: 100,\n backgroundColor: 'rgba(250, 250, 0, 0.4)',\n borderColor: 'rgba(0, 150, 0, 0.2)',\n drawTime: 'beforeDatasetsDraw',\n borderWidth: 0,\n borderRadius: 0,\n};\n// \n\n\n/* */\nconst config = {\n type: 'bar',\n data,\n options: {\n plugins: {\n annotation: {\n annotations: {\n annotation1,\n annotation2,\n annotation3\n }\n }\n },\n }\n};\n/* */\n\nconst actions = [\n {\n name: 'Randomize',\n handler: function(chart) {\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data = dataset.data.map(() => Utils.rand(MIN, MAX));\n });\n\n chart.update();\n }\n },\n {\n name: 'Add data',\n handler: function(chart) {\n chart.data.labels.push('Label ' + chart.data.labels.length);\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data.push(Utils.rand(MIN, MAX));\n });\n\n chart.update();\n }\n },\n {\n name: 'Remove data',\n handler: function(chart) {\n chart.data.labels.shift();\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data.shift();\n });\n\n chart.update();\n }\n }\n];\n\nmodule.exports = {\n actions: actions,\n config: config,\n};\n"}})],1)}),[],!1,null,null,null);a.default=e.exports}}]); \ No newline at end of file diff --git a/master/assets/js/64.529c681c.js b/master/assets/js/64.2e2855eb.js similarity index 97% rename from master/assets/js/64.529c681c.js rename to master/assets/js/64.2e2855eb.js index 1898af988..9627cbb15 100644 --- a/master/assets/js/64.529c681c.js +++ b/master/assets/js/64.2e2855eb.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[64],{482:function(n,t,o){"use strict";o.r(t);var a=o(4),e=Object(a.a)({},(function(){var n=this._self._c;return n("ContentSlotsDistributor",{attrs:{"slot-key":this.$parent.slotKey}},[n("h1",{attrs:{id:"line-chart"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#line-chart"}},[this._v("#")]),this._v(" Line Chart")]),this._v(" "),n("chart-editor",{attrs:{code:"// \nconst DATA_COUNT = 8;\nconst MIN = 10;\nconst MAX = 100;\n\nUtils.srand(8);\n\nconst numberCfg = {count: DATA_COUNT, min: MIN, max: MAX};\n\nconst data = {\n labels: [10, 20, 30, 40, 50, 60, 70, 80],\n datasets: [{\n data: Utils.numbers(numberCfg),\n }, {\n data: Utils.numbers(numberCfg),\n }, {\n data: Utils.numbers(numberCfg),\n }]\n};\n// \n\n// \nconst annotation1 = {\n type: 'line',\n scaleID: 'x',\n borderWidth: 3,\n borderColor: 'black',\n value: 5,\n label: {\n rotation: 'auto',\n content: 'Line at x=5',\n display: true\n },\n};\n// \n\n// \nconst annotation2 = {\n type: 'line',\n scaleID: 'x',\n borderWidth: 3,\n borderColor: 'black',\n value: 90,\n label: {\n rotation: 'auto',\n position: 'start',\n backgroundColor: 'black',\n content: 'Line at x=90',\n display: true\n }\n};\n// \n\n// \nconst annotation3 = {\n type: 'box',\n xMin: 75,\n xMax: 85,\n yMin: 80,\n yMax: 90,\n backgroundColor: 'rgba(250, 250, 0, 0.4)',\n borderColor: 'rgba(0, 150, 0, 0.2)',\n drawTime: 'beforeDatasetsDraw',\n borderWidth: 0,\n borderRadius: 0,\n};\n// \n\n\n/* */\nconst config = {\n type: 'line',\n data,\n options: {\n scales: {\n x: {\n type: 'linear',\n bounds: 'data'\n }\n },\n plugins: {\n annotation: {\n annotations: {\n annotation1,\n annotation2,\n annotation3\n }\n }\n },\n }\n};\n/* */\n\nconst actions = [\n {\n name: 'Zoom out',\n handler: function(chart) {\n chart.scales.x.options.min = 0;\n chart.scales.x.options.max = 100;\n chart.update();\n }\n },\n {\n name: 'Zoom in',\n handler: function(chart) {\n chart.scales.x.options.min = 10;\n chart.scales.x.options.max = 80;\n chart.update();\n }\n },\n {\n name: 'Reset zoom',\n handler: function(chart) {\n chart.scales.x.options.min = undefined;\n chart.scales.x.options.max = undefined;\n chart.update();\n }\n }\n];\n\nmodule.exports = {\n actions: actions,\n config: config,\n};\n"}})],1)}),[],!1,null,null,null);t.default=e.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[64],{483:function(n,t,o){"use strict";o.r(t);var a=o(4),e=Object(a.a)({},(function(){var n=this._self._c;return n("ContentSlotsDistributor",{attrs:{"slot-key":this.$parent.slotKey}},[n("h1",{attrs:{id:"line-chart"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#line-chart"}},[this._v("#")]),this._v(" Line Chart")]),this._v(" "),n("chart-editor",{attrs:{code:"// \nconst DATA_COUNT = 8;\nconst MIN = 10;\nconst MAX = 100;\n\nUtils.srand(8);\n\nconst numberCfg = {count: DATA_COUNT, min: MIN, max: MAX};\n\nconst data = {\n labels: [10, 20, 30, 40, 50, 60, 70, 80],\n datasets: [{\n data: Utils.numbers(numberCfg),\n }, {\n data: Utils.numbers(numberCfg),\n }, {\n data: Utils.numbers(numberCfg),\n }]\n};\n// \n\n// \nconst annotation1 = {\n type: 'line',\n scaleID: 'x',\n borderWidth: 3,\n borderColor: 'black',\n value: 5,\n label: {\n rotation: 'auto',\n content: 'Line at x=5',\n display: true\n },\n};\n// \n\n// \nconst annotation2 = {\n type: 'line',\n scaleID: 'x',\n borderWidth: 3,\n borderColor: 'black',\n value: 90,\n label: {\n rotation: 'auto',\n position: 'start',\n backgroundColor: 'black',\n content: 'Line at x=90',\n display: true\n }\n};\n// \n\n// \nconst annotation3 = {\n type: 'box',\n xMin: 75,\n xMax: 85,\n yMin: 80,\n yMax: 90,\n backgroundColor: 'rgba(250, 250, 0, 0.4)',\n borderColor: 'rgba(0, 150, 0, 0.2)',\n drawTime: 'beforeDatasetsDraw',\n borderWidth: 0,\n borderRadius: 0,\n};\n// \n\n\n/* */\nconst config = {\n type: 'line',\n data,\n options: {\n scales: {\n x: {\n type: 'linear',\n bounds: 'data'\n }\n },\n plugins: {\n annotation: {\n annotations: {\n annotation1,\n annotation2,\n annotation3\n }\n }\n },\n }\n};\n/* */\n\nconst actions = [\n {\n name: 'Zoom out',\n handler: function(chart) {\n chart.scales.x.options.min = 0;\n chart.scales.x.options.max = 100;\n chart.update();\n }\n },\n {\n name: 'Zoom in',\n handler: function(chart) {\n chart.scales.x.options.min = 10;\n chart.scales.x.options.max = 80;\n chart.update();\n }\n },\n {\n name: 'Reset zoom',\n handler: function(chart) {\n chart.scales.x.options.min = undefined;\n chart.scales.x.options.max = undefined;\n chart.update();\n }\n }\n];\n\nmodule.exports = {\n actions: actions,\n config: config,\n};\n"}})],1)}),[],!1,null,null,null);t.default=e.exports}}]); \ No newline at end of file diff --git a/master/assets/js/65.f503a2fa.js b/master/assets/js/65.31a9f2ae.js similarity index 97% rename from master/assets/js/65.f503a2fa.js rename to master/assets/js/65.31a9f2ae.js index 3997c89ad..d5a5a612f 100644 --- a/master/assets/js/65.f503a2fa.js +++ b/master/assets/js/65.31a9f2ae.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[65],{484:function(n,t,a){"use strict";a.r(t);var o=a(4),i=Object(o.a)({},(function(){var n=this._self._c;return n("ContentSlotsDistributor",{attrs:{"slot-key":this.$parent.slotKey}},[n("h1",{attrs:{id:"basic"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#basic"}},[this._v("#")]),this._v(" Basic")]),this._v(" "),n("chart-editor",{attrs:{code:"// \nconst DATA_COUNT = 8;\nconst MIN = [0, 50];\nconst MAX = [50, 100];\n\nUtils.srand(8);\n\nconst data = {\n datasets: [{\n data: Utils.points({count: DATA_COUNT, min: MIN[0], max: MAX[0]})\n }, {\n data: Utils.points({count: DATA_COUNT, min: MIN[1], max: MAX[1]})\n }]\n};\n// \n\n// \nconst annotation1 = {\n type: 'ellipse',\n backgroundColor: 'rgba(0, 150, 0, 0.02)',\n borderColor: 'rgba(0, 150, 0, 0.2)',\n borderWidth: 1,\n xMax: (ctx) => max(ctx, 0, 'x') + 10,\n xMin: (ctx) => min(ctx, 0, 'x') - 10,\n yMax: (ctx) => max(ctx, 0, 'y') + 10,\n yMin: (ctx) => min(ctx, 0, 'y') - 10\n};\n// \n\n// \nconst annotation2 = {\n type: 'ellipse',\n backgroundColor: 'rgba(150, 0, 0, 0.02)',\n borderColor: 'rgba(150, 0, 0, 0.2)',\n borderWidth: 1,\n xMax: (ctx) => max(ctx, 1, 'x') + 10,\n xMin: (ctx) => min(ctx, 1, 'x') - 10,\n yMax: (ctx) => max(ctx, 1, 'y') + 10,\n yMin: (ctx) => min(ctx, 1, 'y') - 10\n};\n// \n\n/* */\nconst config = {\n type: 'scatter',\n data,\n options: {\n plugins: {\n annotation: {\n annotations: {\n annotation1,\n annotation2\n }\n }\n }\n }\n};\n/* */\n\n// \nfunction min(ctx, datasetIndex, prop) {\n const dataset = ctx.chart.data.datasets[datasetIndex];\n return dataset.data.reduce((v, point) => Math.min(point[prop], v), Infinity);\n}\n\nfunction max(ctx, datasetIndex, prop) {\n const dataset = ctx.chart.data.datasets[datasetIndex];\n return dataset.data.reduce((v, point) => Math.max(point[prop], v), -Infinity);\n}\n// \n\nconst actions = [\n {\n name: 'Randomize',\n handler: function(chart) {\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data.forEach(p => {\n p.x = Utils.rand(MIN[i], MAX[i]);\n p.y = Utils.rand(MIN[i], MAX[i]);\n });\n });\n chart.update();\n }\n },\n {\n name: 'Add data',\n handler: function(chart) {\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data.push({x: Utils.rand(MIN[i], MAX[i]), y: Utils.rand(MIN[i], MAX[i])});\n });\n chart.update();\n }\n },\n {\n name: 'Remove data',\n handler: function(chart) {\n chart.data.labels.shift();\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data.shift();\n });\n chart.update();\n }\n }\n];\n\nmodule.exports = {\n actions: actions,\n config: config,\n};\n"}})],1)}),[],!1,null,null,null);t.default=i.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[65],{482:function(n,t,a){"use strict";a.r(t);var o=a(4),i=Object(o.a)({},(function(){var n=this._self._c;return n("ContentSlotsDistributor",{attrs:{"slot-key":this.$parent.slotKey}},[n("h1",{attrs:{id:"basic"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#basic"}},[this._v("#")]),this._v(" Basic")]),this._v(" "),n("chart-editor",{attrs:{code:"// \nconst DATA_COUNT = 8;\nconst MIN = [0, 50];\nconst MAX = [50, 100];\n\nUtils.srand(8);\n\nconst data = {\n datasets: [{\n data: Utils.points({count: DATA_COUNT, min: MIN[0], max: MAX[0]})\n }, {\n data: Utils.points({count: DATA_COUNT, min: MIN[1], max: MAX[1]})\n }]\n};\n// \n\n// \nconst annotation1 = {\n type: 'ellipse',\n backgroundColor: 'rgba(0, 150, 0, 0.02)',\n borderColor: 'rgba(0, 150, 0, 0.2)',\n borderWidth: 1,\n xMax: (ctx) => max(ctx, 0, 'x') + 10,\n xMin: (ctx) => min(ctx, 0, 'x') - 10,\n yMax: (ctx) => max(ctx, 0, 'y') + 10,\n yMin: (ctx) => min(ctx, 0, 'y') - 10\n};\n// \n\n// \nconst annotation2 = {\n type: 'ellipse',\n backgroundColor: 'rgba(150, 0, 0, 0.02)',\n borderColor: 'rgba(150, 0, 0, 0.2)',\n borderWidth: 1,\n xMax: (ctx) => max(ctx, 1, 'x') + 10,\n xMin: (ctx) => min(ctx, 1, 'x') - 10,\n yMax: (ctx) => max(ctx, 1, 'y') + 10,\n yMin: (ctx) => min(ctx, 1, 'y') - 10\n};\n// \n\n/* */\nconst config = {\n type: 'scatter',\n data,\n options: {\n plugins: {\n annotation: {\n annotations: {\n annotation1,\n annotation2\n }\n }\n }\n }\n};\n/* */\n\n// \nfunction min(ctx, datasetIndex, prop) {\n const dataset = ctx.chart.data.datasets[datasetIndex];\n return dataset.data.reduce((v, point) => Math.min(point[prop], v), Infinity);\n}\n\nfunction max(ctx, datasetIndex, prop) {\n const dataset = ctx.chart.data.datasets[datasetIndex];\n return dataset.data.reduce((v, point) => Math.max(point[prop], v), -Infinity);\n}\n// \n\nconst actions = [\n {\n name: 'Randomize',\n handler: function(chart) {\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data.forEach(p => {\n p.x = Utils.rand(MIN[i], MAX[i]);\n p.y = Utils.rand(MIN[i], MAX[i]);\n });\n });\n chart.update();\n }\n },\n {\n name: 'Add data',\n handler: function(chart) {\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data.push({x: Utils.rand(MIN[i], MAX[i]), y: Utils.rand(MIN[i], MAX[i])});\n });\n chart.update();\n }\n },\n {\n name: 'Remove data',\n handler: function(chart) {\n chart.data.labels.shift();\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data.shift();\n });\n chart.update();\n }\n }\n];\n\nmodule.exports = {\n actions: actions,\n config: config,\n};\n"}})],1)}),[],!1,null,null,null);t.default=i.exports}}]); \ No newline at end of file diff --git a/master/assets/js/66.76858d80.js b/master/assets/js/66.cdaeabf7.js similarity index 96% rename from master/assets/js/66.76858d80.js rename to master/assets/js/66.cdaeabf7.js index c1e7bb277..f6492822e 100644 --- a/master/assets/js/66.76858d80.js +++ b/master/assets/js/66.cdaeabf7.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[66],{483:function(n,t,a){"use strict";a.r(t);var o=a(4),e=Object(o.a)({},(function(){var n=this._self._c;return n("ContentSlotsDistributor",{attrs:{"slot-key":this.$parent.slotKey}},[n("h1",{attrs:{id:"using-images-as-labels"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#using-images-as-labels"}},[this._v("#")]),this._v(" Using images as labels")]),this._v(" "),n("chart-editor",{attrs:{code:"// \nconst DATA_COUNT = 12;\nconst MIN = 10;\nconst MAX = 100;\n\nconst numberCfg = {count: DATA_COUNT, min: MIN, max: MAX};\n\nconst data = {\n labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'],\n datasets: [{\n data: Utils.numbers(numberCfg)\n }]\n};\n// \n\n// \nconst annotation = {\n type: 'ellipse',\n backgroundColor: 'rgba(0, 0, 0, 0.2)',\n borderWidth: 1,\n borderColor: '#F27173',\n yMin: 30,\n yMax: 80,\n xMax: 2,\n xMin: 5,\n label: {\n display: true,\n content: Utils.getImage(),\n width: 150,\n height: 150,\n position: 'center'\n }\n};\n// \n\n/* */\nconst config = {\n type: 'line',\n data,\n options: {\n scales: {\n y: {\n beginAtZero: true\n }\n },\n plugins: {\n annotation: {\n annotations: {\n annotation\n }\n }\n }\n }\n};\n/* */\n\nconst actions = [\n {\n name: 'Randomize',\n handler: function(chart) {\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data = dataset.data.map(() => Utils.rand(MIN, MAX));\n });\n chart.update();\n }\n }\n];\n\nmodule.exports = {\n actions: actions,\n config: config\n};\n"}})],1)}),[],!1,null,null,null);t.default=e.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[66],{484:function(n,t,a){"use strict";a.r(t);var o=a(4),e=Object(o.a)({},(function(){var n=this._self._c;return n("ContentSlotsDistributor",{attrs:{"slot-key":this.$parent.slotKey}},[n("h1",{attrs:{id:"using-images-as-labels"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#using-images-as-labels"}},[this._v("#")]),this._v(" Using images as labels")]),this._v(" "),n("chart-editor",{attrs:{code:"// \nconst DATA_COUNT = 12;\nconst MIN = 10;\nconst MAX = 100;\n\nconst numberCfg = {count: DATA_COUNT, min: MIN, max: MAX};\n\nconst data = {\n labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'],\n datasets: [{\n data: Utils.numbers(numberCfg)\n }]\n};\n// \n\n// \nconst annotation = {\n type: 'ellipse',\n backgroundColor: 'rgba(0, 0, 0, 0.2)',\n borderWidth: 1,\n borderColor: '#F27173',\n yMin: 30,\n yMax: 80,\n xMax: 2,\n xMin: 5,\n label: {\n display: true,\n content: Utils.getImage(),\n width: 150,\n height: 150,\n position: 'center'\n }\n};\n// \n\n/* */\nconst config = {\n type: 'line',\n data,\n options: {\n scales: {\n y: {\n beginAtZero: true\n }\n },\n plugins: {\n annotation: {\n annotations: {\n annotation\n }\n }\n }\n }\n};\n/* */\n\nconst actions = [\n {\n name: 'Randomize',\n handler: function(chart) {\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data = dataset.data.map(() => Utils.rand(MIN, MAX));\n });\n chart.update();\n }\n }\n];\n\nmodule.exports = {\n actions: actions,\n config: config\n};\n"}})],1)}),[],!1,null,null,null);t.default=e.exports}}]); \ No newline at end of file diff --git a/master/assets/js/67.93083838.js b/master/assets/js/67.ee26ea36.js similarity index 96% rename from master/assets/js/67.93083838.js rename to master/assets/js/67.ee26ea36.js index 122204f9a..64d711a06 100644 --- a/master/assets/js/67.93083838.js +++ b/master/assets/js/67.ee26ea36.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[67],{485:function(n,t,a){"use strict";a.r(t);var o=a(4),e=Object(o.a)({},(function(){var n=this._self._c;return n("ContentSlotsDistributor",{attrs:{"slot-key":this.$parent.slotKey}},[n("h1",{attrs:{id:"labeling"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#labeling"}},[this._v("#")]),this._v(" Labeling")]),this._v(" "),n("chart-editor",{attrs:{code:"// \nconst DATA_COUNT = 12;\nconst MIN = 10;\nconst MAX = 100;\n\nconst numberCfg = {count: DATA_COUNT, min: MIN, max: MAX};\n\nconst data = {\n labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'],\n datasets: [{\n data: Utils.numbers(numberCfg)\n }]\n};\n// \n\n// \nconst annotation = {\n type: 'ellipse',\n backgroundColor: 'rgba(208, 208, 208, 0.2)',\n borderWidth: 0,\n label: {\n drawTime: 'afterDatasetsDraw',\n display: true,\n color: 'rgba(208, 208, 208, 0.6)',\n content: 'whole year',\n font: {\n size: (ctx) => ctx.chart.chartArea.height / 4\n },\n position: {\n x: 'center',\n y: 'end'\n }\n }\n};\n// \n\n/* */\nconst config = {\n type: 'line',\n data,\n options: {\n plugins: {\n annotation: {\n annotations: {\n annotation\n }\n }\n }\n }\n};\n/* */\n\nconst actions = [\n {\n name: 'Randomize',\n handler: function(chart) {\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data = dataset.data.map(() => Utils.rand(MIN, MAX));\n });\n chart.update();\n }\n }\n];\n\nmodule.exports = {\n actions: actions,\n config: config,\n};\n"}})],1)}),[],!1,null,null,null);t.default=e.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[67],{486:function(n,t,a){"use strict";a.r(t);var o=a(4),e=Object(o.a)({},(function(){var n=this._self._c;return n("ContentSlotsDistributor",{attrs:{"slot-key":this.$parent.slotKey}},[n("h1",{attrs:{id:"labeling"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#labeling"}},[this._v("#")]),this._v(" Labeling")]),this._v(" "),n("chart-editor",{attrs:{code:"// \nconst DATA_COUNT = 12;\nconst MIN = 10;\nconst MAX = 100;\n\nconst numberCfg = {count: DATA_COUNT, min: MIN, max: MAX};\n\nconst data = {\n labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'],\n datasets: [{\n data: Utils.numbers(numberCfg)\n }]\n};\n// \n\n// \nconst annotation = {\n type: 'ellipse',\n backgroundColor: 'rgba(208, 208, 208, 0.2)',\n borderWidth: 0,\n label: {\n drawTime: 'afterDatasetsDraw',\n display: true,\n color: 'rgba(208, 208, 208, 0.6)',\n content: 'whole year',\n font: {\n size: (ctx) => ctx.chart.chartArea.height / 4\n },\n position: {\n x: 'center',\n y: 'end'\n }\n }\n};\n// \n\n/* */\nconst config = {\n type: 'line',\n data,\n options: {\n plugins: {\n annotation: {\n annotations: {\n annotation\n }\n }\n }\n }\n};\n/* */\n\nconst actions = [\n {\n name: 'Randomize',\n handler: function(chart) {\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data = dataset.data.map(() => Utils.rand(MIN, MAX));\n });\n chart.update();\n }\n }\n];\n\nmodule.exports = {\n actions: actions,\n config: config,\n};\n"}})],1)}),[],!1,null,null,null);t.default=e.exports}}]); \ No newline at end of file diff --git a/master/assets/js/68.b215d346.js b/master/assets/js/68.27e14938.js similarity index 98% rename from master/assets/js/68.b215d346.js rename to master/assets/js/68.27e14938.js index 91c823be2..213c40d43 100644 --- a/master/assets/js/68.b215d346.js +++ b/master/assets/js/68.27e14938.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[68],{486:function(n,t,a){"use strict";a.r(t);var o=a(4),i=Object(o.a)({},(function(){var n=this._self._c;return n("ContentSlotsDistributor",{attrs:{"slot-key":this.$parent.slotKey}},[n("h1",{attrs:{id:"rotation"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#rotation"}},[this._v("#")]),this._v(" Rotation")]),this._v(" "),n("chart-editor",{attrs:{code:"// \nconst DATA_COUNT = 8;\nconst MIN = [25, 65];\nconst MAX = [35, 75];\n\nUtils.srand(8);\n\nconst data = {\n datasets: [{\n data: Utils.points({count: DATA_COUNT, min: MIN[0], max: MAX[0]})\n }, {\n data: Utils.points({count: DATA_COUNT, min: MIN[1], max: MAX[1]})\n }]\n};\n// \n\n// \nconst annotation1 = {\n type: 'ellipse',\n backgroundColor: 'rgba(0, 150, 0, 0.02)',\n borderColor: 'rgba(0, 150, 0, 0.2)',\n borderWidth: 1,\n rotation: 90,\n xMax: (ctx) => max(ctx, 0, 'x') + 10,\n xMin: (ctx) => min(ctx, 0, 'x') - 10,\n yMax: (ctx) => max(ctx, 0, 'y') + 10,\n yMin: (ctx) => min(ctx, 0, 'y') - 10\n};\n// \n\n// \nconst annotation2 = {\n type: 'ellipse',\n backgroundColor: 'rgba(150, 0, 0, 0.02)',\n borderColor: 'rgba(150, 0, 0, 0.2)',\n borderWidth: 1,\n rotation: 90,\n xMax: (ctx) => max(ctx, 1, 'x') + 10,\n xMin: (ctx) => min(ctx, 1, 'x') - 10,\n yMax: (ctx) => max(ctx, 1, 'y') + 10,\n yMin: (ctx) => min(ctx, 1, 'y') - 10\n};\n// \n\n/* */\nconst config = {\n type: 'scatter',\n data,\n options: {\n scales: {\n x: {\n beginAtZero: true,\n max: 100,\n min: 0\n },\n y: {\n beginAtZero: true,\n max: 100,\n min: 0\n }\n },\n plugins: {\n annotation: {\n annotations: {\n annotation1,\n annotation2\n }\n }\n }\n }\n};\n/* */\n\n// \nfunction min(ctx, datasetIndex, prop) {\n const dataset = ctx.chart.data.datasets[datasetIndex];\n return dataset.data.reduce((v, point) => Math.min(point[prop], v), Infinity);\n}\n\nfunction max(ctx, datasetIndex, prop) {\n const dataset = ctx.chart.data.datasets[datasetIndex];\n return dataset.data.reduce((v, point) => Math.max(point[prop], v), -Infinity);\n}\n// \n\nconst actions = [\n {\n name: 'Randomize',\n handler: function(chart) {\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data.forEach(p => {\n p.x = Utils.rand(MIN[i], MAX[i]);\n p.y = Utils.rand(MIN[i], MAX[i]);\n });\n });\n chart.update();\n }\n },\n {\n name: 'Add data',\n handler: function(chart) {\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data.push({x: Utils.rand(MIN[i], MAX[i]), y: Utils.rand(MIN[i], MAX[i])});\n });\n chart.update();\n }\n },\n {\n name: 'Remove data',\n handler: function(chart) {\n chart.data.labels.shift();\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data.shift();\n });\n chart.update();\n }\n }\n];\n\nmodule.exports = {\n actions: actions,\n config: config,\n};\n"}})],1)}),[],!1,null,null,null);t.default=i.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[68],{485:function(n,t,a){"use strict";a.r(t);var o=a(4),i=Object(o.a)({},(function(){var n=this._self._c;return n("ContentSlotsDistributor",{attrs:{"slot-key":this.$parent.slotKey}},[n("h1",{attrs:{id:"rotation"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#rotation"}},[this._v("#")]),this._v(" Rotation")]),this._v(" "),n("chart-editor",{attrs:{code:"// \nconst DATA_COUNT = 8;\nconst MIN = [25, 65];\nconst MAX = [35, 75];\n\nUtils.srand(8);\n\nconst data = {\n datasets: [{\n data: Utils.points({count: DATA_COUNT, min: MIN[0], max: MAX[0]})\n }, {\n data: Utils.points({count: DATA_COUNT, min: MIN[1], max: MAX[1]})\n }]\n};\n// \n\n// \nconst annotation1 = {\n type: 'ellipse',\n backgroundColor: 'rgba(0, 150, 0, 0.02)',\n borderColor: 'rgba(0, 150, 0, 0.2)',\n borderWidth: 1,\n rotation: 90,\n xMax: (ctx) => max(ctx, 0, 'x') + 10,\n xMin: (ctx) => min(ctx, 0, 'x') - 10,\n yMax: (ctx) => max(ctx, 0, 'y') + 10,\n yMin: (ctx) => min(ctx, 0, 'y') - 10\n};\n// \n\n// \nconst annotation2 = {\n type: 'ellipse',\n backgroundColor: 'rgba(150, 0, 0, 0.02)',\n borderColor: 'rgba(150, 0, 0, 0.2)',\n borderWidth: 1,\n rotation: 90,\n xMax: (ctx) => max(ctx, 1, 'x') + 10,\n xMin: (ctx) => min(ctx, 1, 'x') - 10,\n yMax: (ctx) => max(ctx, 1, 'y') + 10,\n yMin: (ctx) => min(ctx, 1, 'y') - 10\n};\n// \n\n/* */\nconst config = {\n type: 'scatter',\n data,\n options: {\n scales: {\n x: {\n beginAtZero: true,\n max: 100,\n min: 0\n },\n y: {\n beginAtZero: true,\n max: 100,\n min: 0\n }\n },\n plugins: {\n annotation: {\n annotations: {\n annotation1,\n annotation2\n }\n }\n }\n }\n};\n/* */\n\n// \nfunction min(ctx, datasetIndex, prop) {\n const dataset = ctx.chart.data.datasets[datasetIndex];\n return dataset.data.reduce((v, point) => Math.min(point[prop], v), Infinity);\n}\n\nfunction max(ctx, datasetIndex, prop) {\n const dataset = ctx.chart.data.datasets[datasetIndex];\n return dataset.data.reduce((v, point) => Math.max(point[prop], v), -Infinity);\n}\n// \n\nconst actions = [\n {\n name: 'Randomize',\n handler: function(chart) {\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data.forEach(p => {\n p.x = Utils.rand(MIN[i], MAX[i]);\n p.y = Utils.rand(MIN[i], MAX[i]);\n });\n });\n chart.update();\n }\n },\n {\n name: 'Add data',\n handler: function(chart) {\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data.push({x: Utils.rand(MIN[i], MAX[i]), y: Utils.rand(MIN[i], MAX[i])});\n });\n chart.update();\n }\n },\n {\n name: 'Remove data',\n handler: function(chart) {\n chart.data.labels.shift();\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data.shift();\n });\n chart.update();\n }\n }\n];\n\nmodule.exports = {\n actions: actions,\n config: config,\n};\n"}})],1)}),[],!1,null,null,null);t.default=i.exports}}]); \ No newline at end of file diff --git a/master/assets/js/70.8ed2a538.js b/master/assets/js/70.f25378be.js similarity index 98% rename from master/assets/js/70.8ed2a538.js rename to master/assets/js/70.f25378be.js index a09527dba..df2b4a9e6 100644 --- a/master/assets/js/70.8ed2a538.js +++ b/master/assets/js/70.f25378be.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[70],{490:function(n,e,t){"use strict";t.r(e);var o=t(4),a=Object(o.a)({},(function(){var n=this._self._c;return n("ContentSlotsDistributor",{attrs:{"slot-key":this.$parent.slotKey}},[n("h1",{attrs:{id:"dragging-annotations"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#dragging-annotations"}},[this._v("#")]),this._v(" Dragging annotations")]),this._v(" "),n("chart-editor",{attrs:{code:"// \nUtils.srand(8);\n\nconst data = {\n labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July'],\n datasets: [{\n type: 'line',\n label: 'Dataset 1',\n borderColor: 'rgb(54, 162, 235)',\n borderWidth: 2,\n fill: false,\n data: Utils.numbers({count: 7, min: 0, max: 100}),\n }]\n};\n// \n\n// \nconst annotation1 = {\n type: 'box',\n backgroundColor: 'rgba(165, 214, 167, 0.2)',\n borderColor: 'rgb(165, 214, 167)',\n borderWidth: 2,\n label: {\n display: true,\n content: ['Box annotation', 'to drag'],\n textAlign: 'center'\n },\n xMax: 'May',\n xMin: 'April',\n xScaleID: 'x',\n yMax: 75,\n yMin: 25,\n yScaleID: 'y'\n};\n// \n\n// \nconst annotation2 = {\n type: 'label',\n backgroundColor: 'rgba(255, 99, 132, 0.25)',\n borderWidth: 3,\n borderColor: 'black',\n content: ['Label annotation', 'to drag'],\n callout: {\n display: true,\n borderColor: 'black',\n },\n xValue: 1,\n yValue: 40\n};\n// \n\n// \nconst annotation3 = {\n type: 'point',\n backgroundColor: 'rgba(0, 255, 255, 0.4)',\n borderWidth: 2,\n borderColor: 'black',\n radius: 20,\n xValue: 'March',\n yValue: 50\n};\n// \n\n// \nconst annotation4 = {\n type: 'polygon',\n backgroundColor: 'rgba(150, 0, 0, 0.25)',\n borderWidth: 2,\n borderColor: 'black',\n radius: 50,\n sides: 6,\n xValue: 'June',\n yValue: 20\n};\n// \n\n// \nlet element;\nlet lastEvent;\n\nconst drag = function(moveX, moveY) {\n element.x += moveX;\n element.y += moveY;\n element.x2 += moveX;\n element.y2 += moveY;\n element.centerX += moveX;\n element.centerY += moveY;\n if (element.elements && element.elements.length) {\n for (const subEl of element.elements) {\n subEl.x += moveX;\n subEl.y += moveY;\n subEl.x2 += moveX;\n subEl.y2 += moveY;\n subEl.centerX += moveX;\n subEl.centerY += moveY;\n subEl.bX += moveX;\n subEl.bY += moveY;\n }\n }\n};\n\nconst handleElementDragging = function(event) {\n if (!lastEvent || !element) {\n return;\n }\n const moveX = event.x - lastEvent.x;\n const moveY = event.y - lastEvent.y;\n drag(moveX, moveY);\n lastEvent = event;\n return true;\n};\n\nconst handleDrag = function(event) {\n if (element) {\n switch (event.type) {\n case 'mousemove':\n return handleElementDragging(event);\n case 'mouseout':\n case 'mouseup':\n lastEvent = undefined;\n break;\n case 'mousedown':\n lastEvent = event;\n break;\n default:\n }\n }\n};\n// \n\n// \nconst dragger = {\n id: 'dragger',\n beforeEvent(chart, args, options) {\n if (handleDrag(args.event)) {\n args.changed = true;\n return;\n }\n }\n};\n// \n\n/* */\nconst config = {\n type: 'line',\n plugins: [dragger],\n data,\n options: {\n events: ['mousedown', 'mouseup', 'mousemove', 'mouseout'],\n scales: {\n y: {\n beginAtZero: true,\n min: 0,\n max: 100\n }\n },\n plugins: {\n annotation: {\n enter(ctx) {\n element = ctx.element;\n },\n leave() {\n element = undefined;\n lastEvent = undefined;\n },\n annotations: {\n annotation1,\n annotation2,\n annotation3,\n annotation4\n }\n }\n }\n }\n};\n/* */\n\nconst actions = [\n {\n name: 'Reset dragging',\n handler: function(chart) {\n chart.update();\n }\n }\n];\n\nmodule.exports = {\n actions: actions,\n config: config,\n};\n"}})],1)}),[],!1,null,null,null);e.default=a.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[70],{489:function(n,e,t){"use strict";t.r(e);var o=t(4),a=Object(o.a)({},(function(){var n=this._self._c;return n("ContentSlotsDistributor",{attrs:{"slot-key":this.$parent.slotKey}},[n("h1",{attrs:{id:"dragging-annotations"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#dragging-annotations"}},[this._v("#")]),this._v(" Dragging annotations")]),this._v(" "),n("chart-editor",{attrs:{code:"// \nUtils.srand(8);\n\nconst data = {\n labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July'],\n datasets: [{\n type: 'line',\n label: 'Dataset 1',\n borderColor: 'rgb(54, 162, 235)',\n borderWidth: 2,\n fill: false,\n data: Utils.numbers({count: 7, min: 0, max: 100}),\n }]\n};\n// \n\n// \nconst annotation1 = {\n type: 'box',\n backgroundColor: 'rgba(165, 214, 167, 0.2)',\n borderColor: 'rgb(165, 214, 167)',\n borderWidth: 2,\n label: {\n display: true,\n content: ['Box annotation', 'to drag'],\n textAlign: 'center'\n },\n xMax: 'May',\n xMin: 'April',\n xScaleID: 'x',\n yMax: 75,\n yMin: 25,\n yScaleID: 'y'\n};\n// \n\n// \nconst annotation2 = {\n type: 'label',\n backgroundColor: 'rgba(255, 99, 132, 0.25)',\n borderWidth: 3,\n borderColor: 'black',\n content: ['Label annotation', 'to drag'],\n callout: {\n display: true,\n borderColor: 'black',\n },\n xValue: 1,\n yValue: 40\n};\n// \n\n// \nconst annotation3 = {\n type: 'point',\n backgroundColor: 'rgba(0, 255, 255, 0.4)',\n borderWidth: 2,\n borderColor: 'black',\n radius: 20,\n xValue: 'March',\n yValue: 50\n};\n// \n\n// \nconst annotation4 = {\n type: 'polygon',\n backgroundColor: 'rgba(150, 0, 0, 0.25)',\n borderWidth: 2,\n borderColor: 'black',\n radius: 50,\n sides: 6,\n xValue: 'June',\n yValue: 20\n};\n// \n\n// \nlet element;\nlet lastEvent;\n\nconst drag = function(moveX, moveY) {\n element.x += moveX;\n element.y += moveY;\n element.x2 += moveX;\n element.y2 += moveY;\n element.centerX += moveX;\n element.centerY += moveY;\n if (element.elements && element.elements.length) {\n for (const subEl of element.elements) {\n subEl.x += moveX;\n subEl.y += moveY;\n subEl.x2 += moveX;\n subEl.y2 += moveY;\n subEl.centerX += moveX;\n subEl.centerY += moveY;\n subEl.bX += moveX;\n subEl.bY += moveY;\n }\n }\n};\n\nconst handleElementDragging = function(event) {\n if (!lastEvent || !element) {\n return;\n }\n const moveX = event.x - lastEvent.x;\n const moveY = event.y - lastEvent.y;\n drag(moveX, moveY);\n lastEvent = event;\n return true;\n};\n\nconst handleDrag = function(event) {\n if (element) {\n switch (event.type) {\n case 'mousemove':\n return handleElementDragging(event);\n case 'mouseout':\n case 'mouseup':\n lastEvent = undefined;\n break;\n case 'mousedown':\n lastEvent = event;\n break;\n default:\n }\n }\n};\n// \n\n// \nconst dragger = {\n id: 'dragger',\n beforeEvent(chart, args, options) {\n if (handleDrag(args.event)) {\n args.changed = true;\n return;\n }\n }\n};\n// \n\n/* */\nconst config = {\n type: 'line',\n plugins: [dragger],\n data,\n options: {\n events: ['mousedown', 'mouseup', 'mousemove', 'mouseout'],\n scales: {\n y: {\n beginAtZero: true,\n min: 0,\n max: 100\n }\n },\n plugins: {\n annotation: {\n enter(ctx) {\n element = ctx.element;\n },\n leave() {\n element = undefined;\n lastEvent = undefined;\n },\n annotations: {\n annotation1,\n annotation2,\n annotation3,\n annotation4\n }\n }\n }\n }\n};\n/* */\n\nconst actions = [\n {\n name: 'Reset dragging',\n handler: function(chart) {\n chart.update();\n }\n }\n];\n\nmodule.exports = {\n actions: actions,\n config: config,\n};\n"}})],1)}),[],!1,null,null,null);e.default=a.exports}}]); \ No newline at end of file diff --git a/master/assets/js/71.6d4faf8d.js b/master/assets/js/71.e3a24a18.js similarity index 98% rename from master/assets/js/71.6d4faf8d.js rename to master/assets/js/71.e3a24a18.js index 03209c9e4..fd3408007 100644 --- a/master/assets/js/71.6d4faf8d.js +++ b/master/assets/js/71.e3a24a18.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[71],{491:function(n,t,o){"use strict";o.r(t);var e=o(4),i=Object(e.a)({},(function(){var n=this._self._c;return n("ContentSlotsDistributor",{attrs:{"slot-key":this.$parent.slotKey}},[n("h1",{attrs:{id:"interaction"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#interaction"}},[this._v("#")]),this._v(" Interaction")]),this._v(" "),n("chart-editor",{attrs:{code:"// \nconst AXIS = ['xy', 'x', 'y'];\nconst MODE = ['nearest', 'point', 'x', 'y'];\n\nlet axisIndex = 0;\nlet modeIndex = 0;\n\nUtils.srand(8);\n\nconst data = {\n labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July'],\n datasets: [{\n type: 'line',\n label: 'Dataset 1',\n borderColor: 'rgb(54, 162, 235)',\n borderWidth: 2,\n fill: false,\n data: Utils.numbers({count: 7, min: 0, max: 100}),\n }]\n};\n// \n\n// \nconst annotation1 = {\n type: 'box',\n backgroundColor: 'rgba(255, 245, 157, 0.2)',\n borderColor: 'rgb(255, 245, 157)',\n borderWidth: 2,\n enter: function({element}) {\n console.log(element.label.options.content + ' entered');\n element.label.options.font.size = 14;\n return true;\n },\n click: function({element}) {\n console.log(element.label.options.content + ' clicked');\n },\n leave: function({element}) {\n console.log(element.label.options.content + ' left');\n element.label.options.font.size = 12;\n return true;\n },\n label: {\n display: true,\n content: 'Outer box annotation',\n position: {\n y: 'start'\n },\n font: {\n size: 12\n }\n },\n xMax: 'June',\n xMin: 'February',\n xScaleID: 'x',\n yMax: 90,\n yMin: 10,\n yScaleID: 'y'\n};\n// \n\n// \nconst annotation2 = {\n type: 'box',\n backgroundColor: 'rgba(165, 214, 167, 0.2)',\n borderColor: 'rgb(165, 214, 167)',\n borderWidth: 2,\n enter: function({element}) {\n console.log(element.label.options.content + ' entered');\n element.label.options.font.size = 14;\n return true;\n },\n click: function({element}) {\n console.log(element.label.options.content + ' clicked');\n },\n leave: function({element}) {\n console.log(element.label.options.content + ' left');\n element.label.options.font.size = 12;\n return true;\n },\n label: {\n display: true,\n content: 'Inner box annotation',\n position: {\n y: 'start'\n },\n font: {\n size: 12\n }\n },\n xMax: 'May',\n xMin: 'March',\n xScaleID: 'x',\n yMax: 75,\n yMin: 25,\n yScaleID: 'y'\n};\n// \n\n// \nfunction getTitle({chart}) {\n const options = chart.options.plugins.annotation.interaction;\n const mode = options.mode || 'nearest';\n const axis = options.axis || 'xy';\n const intersect = !!options.intersect;\n return 'Mode: ' + mode + ', axis: ' + axis + ', intersect: ' + intersect;\n}\n// \n\n/* */\nconst config = {\n type: 'line',\n data,\n options: {\n scales: {\n y: {\n beginAtZero: true,\n min: 0,\n max: 100\n }\n },\n plugins: {\n title: {\n display: true,\n text: getTitle,\n position: 'bottom',\n font: {\n size: 14\n }\n },\n annotation: {\n annotations: {\n annotation1,\n annotation2\n }\n }\n }\n }\n};\n/* */\n\nconst actions = [\n {\n name: 'Change mode',\n handler: function(chart) {\n const options = chart.options.plugins.annotation.interaction;\n modeIndex++;\n if (modeIndex > MODE.length) {\n modeIndex = 0;\n }\n options.mode = MODE[modeIndex];\n chart.update();\n }\n },\n {\n name: 'Change axis',\n handler: function(chart) {\n const options = chart.options.plugins.annotation.interaction;\n axisIndex++;\n if (axisIndex > AXIS.length) {\n axisIndex = 0;\n }\n options.axis = AXIS[axisIndex];\n chart.update();\n }\n },\n {\n name: 'Toogle intersect',\n handler: function(chart) {\n const options = chart.options.plugins.annotation.interaction;\n options.intersect = !options.intersect;\n chart.update();\n }\n },\n];\n\nmodule.exports = {\n actions: actions,\n config: config,\n output: 'console.log output is shown here, click one of the annotations'\n};\n"}})],1)}),[],!1,null,null,null);t.default=i.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[71],{488:function(n,t,o){"use strict";o.r(t);var e=o(4),i=Object(e.a)({},(function(){var n=this._self._c;return n("ContentSlotsDistributor",{attrs:{"slot-key":this.$parent.slotKey}},[n("h1",{attrs:{id:"interaction"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#interaction"}},[this._v("#")]),this._v(" Interaction")]),this._v(" "),n("chart-editor",{attrs:{code:"// \nconst AXIS = ['xy', 'x', 'y'];\nconst MODE = ['nearest', 'point', 'x', 'y'];\n\nlet axisIndex = 0;\nlet modeIndex = 0;\n\nUtils.srand(8);\n\nconst data = {\n labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July'],\n datasets: [{\n type: 'line',\n label: 'Dataset 1',\n borderColor: 'rgb(54, 162, 235)',\n borderWidth: 2,\n fill: false,\n data: Utils.numbers({count: 7, min: 0, max: 100}),\n }]\n};\n// \n\n// \nconst annotation1 = {\n type: 'box',\n backgroundColor: 'rgba(255, 245, 157, 0.2)',\n borderColor: 'rgb(255, 245, 157)',\n borderWidth: 2,\n enter: function({element}) {\n console.log(element.label.options.content + ' entered');\n element.label.options.font.size = 14;\n return true;\n },\n click: function({element}) {\n console.log(element.label.options.content + ' clicked');\n },\n leave: function({element}) {\n console.log(element.label.options.content + ' left');\n element.label.options.font.size = 12;\n return true;\n },\n label: {\n display: true,\n content: 'Outer box annotation',\n position: {\n y: 'start'\n },\n font: {\n size: 12\n }\n },\n xMax: 'June',\n xMin: 'February',\n xScaleID: 'x',\n yMax: 90,\n yMin: 10,\n yScaleID: 'y'\n};\n// \n\n// \nconst annotation2 = {\n type: 'box',\n backgroundColor: 'rgba(165, 214, 167, 0.2)',\n borderColor: 'rgb(165, 214, 167)',\n borderWidth: 2,\n enter: function({element}) {\n console.log(element.label.options.content + ' entered');\n element.label.options.font.size = 14;\n return true;\n },\n click: function({element}) {\n console.log(element.label.options.content + ' clicked');\n },\n leave: function({element}) {\n console.log(element.label.options.content + ' left');\n element.label.options.font.size = 12;\n return true;\n },\n label: {\n display: true,\n content: 'Inner box annotation',\n position: {\n y: 'start'\n },\n font: {\n size: 12\n }\n },\n xMax: 'May',\n xMin: 'March',\n xScaleID: 'x',\n yMax: 75,\n yMin: 25,\n yScaleID: 'y'\n};\n// \n\n// \nfunction getTitle({chart}) {\n const options = chart.options.plugins.annotation.interaction;\n const mode = options.mode || 'nearest';\n const axis = options.axis || 'xy';\n const intersect = !!options.intersect;\n return 'Mode: ' + mode + ', axis: ' + axis + ', intersect: ' + intersect;\n}\n// \n\n/* */\nconst config = {\n type: 'line',\n data,\n options: {\n scales: {\n y: {\n beginAtZero: true,\n min: 0,\n max: 100\n }\n },\n plugins: {\n title: {\n display: true,\n text: getTitle,\n position: 'bottom',\n font: {\n size: 14\n }\n },\n annotation: {\n annotations: {\n annotation1,\n annotation2\n }\n }\n }\n }\n};\n/* */\n\nconst actions = [\n {\n name: 'Change mode',\n handler: function(chart) {\n const options = chart.options.plugins.annotation.interaction;\n modeIndex++;\n if (modeIndex > MODE.length) {\n modeIndex = 0;\n }\n options.mode = MODE[modeIndex];\n chart.update();\n }\n },\n {\n name: 'Change axis',\n handler: function(chart) {\n const options = chart.options.plugins.annotation.interaction;\n axisIndex++;\n if (axisIndex > AXIS.length) {\n axisIndex = 0;\n }\n options.axis = AXIS[axisIndex];\n chart.update();\n }\n },\n {\n name: 'Toogle intersect',\n handler: function(chart) {\n const options = chart.options.plugins.annotation.interaction;\n options.intersect = !options.intersect;\n chart.update();\n }\n },\n];\n\nmodule.exports = {\n actions: actions,\n config: config,\n output: 'console.log output is shown here, click one of the annotations'\n};\n"}})],1)}),[],!1,null,null,null);t.default=i.exports}}]); \ No newline at end of file diff --git a/master/assets/js/72.29c10253.js b/master/assets/js/72.e63e58ae.js similarity index 98% rename from master/assets/js/72.29c10253.js rename to master/assets/js/72.e63e58ae.js index bae03bf88..483cf5c5d 100644 --- a/master/assets/js/72.29c10253.js +++ b/master/assets/js/72.e63e58ae.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[72],{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 +(window.webpackJsonp=window.webpackJsonp||[]).push([[72],{490:function(n,e,t){"use strict";t.r(e);var o=t(4),l=Object(o.a)({},(function(){var n=this._self._c;return n("ContentSlotsDistributor",{attrs:{"slot-key":this.$parent.slotKey}},[n("h1",{attrs:{id:"selecting-annotations"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#selecting-annotations"}},[this._v("#")]),this._v(" Selecting annotations")]),this._v(" "),n("chart-editor",{attrs:{code:"// \nlet count = 0;\nconst selected = [];\n\nUtils.srand(8);\n\nconst data = {\n labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July'],\n datasets: [{\n type: 'line',\n label: 'Dataset 1',\n borderColor: 'rgb(54, 162, 235)',\n borderWidth: 2,\n fill: false,\n data: Utils.numbers({count: 7, min: 0, max: 100}),\n }]\n};\n// \n\n// \nconst annotation1 = {\n type: 'box',\n backgroundColor: 'rgba(255, 245, 157, 0.2)',\n borderColor: 'rgb(255, 245, 157)',\n borderWidth: 2,\n click: ({element}) => select(element, 'rgba(255, 245, 157, 0.8)', 'rgba(255, 245, 157, 0.2)'),\n label: {\n display: true,\n content: 'Yellow box annotation',\n position: {\n y: 'start'\n },\n font: {\n size: 12\n }\n },\n xMax: 'April',\n xMin: 'February',\n xScaleID: 'x',\n yMax: 90,\n yMin: 10,\n yScaleID: 'y'\n};\n// \n\n// \nconst annotation2 = {\n type: 'box',\n backgroundColor: 'rgba(165, 214, 167, 0.2)',\n borderColor: 'rgb(165, 214, 167)',\n borderWidth: 2,\n click: ({element}) => select(element, 'rgba(165, 214, 167, 0.8)', 'rgba(165, 214, 167, 0.2)'),\n label: {\n display: true,\n content: 'Green box annotation',\n position: {\n y: 'start'\n },\n font: {\n size: 12\n }\n },\n xMax: 'May',\n xMin: 'March',\n xScaleID: 'x',\n yMax: 75,\n yMin: 25,\n yScaleID: 'y'\n};\n// \n\n// \nfunction enter({chart, element}) {\n console.log(element.label.options.content + ' entered');\n if (!count) {\n chart.canvas.style.cursor = 'pointer';\n }\n count++;\n}\n\nfunction leave({chart, element}) {\n console.log(element.label.options.content + ' left');\n count--;\n if (!count) {\n chart.canvas.style.cursor = 'default';\n }\n}\n\nfunction select(element, selectedColor, unselectedColor) {\n console.log(element.label.options.content + ' selected');\n if (selected.includes(element)) {\n selected.splice(selected.indexOf(element), 1);\n element.options.backgroundColor = unselectedColor;\n element.label.options.font.size = 12;\n } else {\n selected.push(element);\n element.options.backgroundColor = selectedColor;\n element.label.options.font.size = 14;\n }\n return true;\n}\n// \n\n/* */\nconst config = {\n type: 'line',\n data,\n options: {\n scales: {\n y: {\n beginAtZero: true,\n min: 0,\n max: 100\n }\n },\n plugins: {\n annotation: {\n enter: enter,\n leave: leave,\n common: {\n drawTime: 'beforeDraw'\n },\n annotations: {\n annotation1,\n annotation2\n }\n }\n }\n }\n};\n/* */\n\nmodule.exports = {\n config: config,\n output: 'console.log output is shown here, click one of the annotations'\n};\n"}})],1)}),[],!1,null,null,null);e.default=l.exports}}]); \ No newline at end of file diff --git a/master/assets/js/73.5b62cae9.js b/master/assets/js/73.68efafde.js similarity index 97% rename from master/assets/js/73.5b62cae9.js rename to master/assets/js/73.68efafde.js index 614f818fb..a5d976667 100644 --- a/master/assets/js/73.5b62cae9.js +++ b/master/assets/js/73.68efafde.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[73],{489:function(n,t,o){"use strict";o.r(t);var a=o(4),e=Object(a.a)({},(function(){var n=this._self._c;return n("ContentSlotsDistributor",{attrs:{"slot-key":this.$parent.slotKey}},[n("h1",{attrs:{id:"intro"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#intro"}},[this._v("#")]),this._v(" Intro")]),this._v(" "),n("chart-editor",{attrs:{code:"// \nUtils.srand(8);\n\nconst data = {\n labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July'],\n datasets: [{\n type: 'line',\n label: 'Dataset 1',\n borderColor: 'rgb(54, 162, 235)',\n borderWidth: 2,\n fill: false,\n data: Utils.numbers({count: 7, min: -100, max: 100}),\n }, {\n type: 'bar',\n label: 'Dataset 2',\n backgroundColor: 'rgb(255, 99, 132)',\n data: Utils.numbers({count: 7, min: -100, max: 100}),\n borderColor: 'white',\n borderWidth: 2\n }, {\n type: 'bar',\n label: 'Dataset 3',\n backgroundColor: 'rgb(75, 192, 192)',\n data: Utils.numbers({count: 7, min: -100, max: 100}),\n }]\n};\n// \n\n// \nconst annotation1 = {\n type: 'line',\n borderColor: 'black',\n borderWidth: 5,\n click: function({chart, element}) {\n console.log('Line annotation clicked');\n },\n label: {\n backgroundColor: 'red',\n content: 'Test Label',\n display: true\n },\n scaleID: 'y',\n value: Utils.rand(-100, 100)\n};\n// \n\n// \nconst annotation2 = {\n type: 'box',\n backgroundColor: 'rgba(101, 33, 171, 0.5)',\n borderColor: 'rgb(101, 33, 171)',\n borderWidth: 1,\n click: function({chart, element}) {\n console.log('Box annotation clicked');\n },\n drawTime: 'beforeDatasetsDraw',\n xMax: 'April',\n xMin: 'February',\n xScaleID: 'x',\n yMax: Utils.rand(-100, 100),\n yMin: Utils.rand(-100, 100),\n yScaleID: 'y'\n};\n// \n\n/* */\nconst config = {\n type: 'line',\n data,\n options: {\n plugins: {\n annotation: {\n annotations: {\n annotation1,\n annotation2\n }\n }\n }\n }\n};\n/* */\n\nconst actions = [\n {\n name: 'Randomize',\n handler: function(chart) {\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data = Utils.numbers({count: 7, min: -100, max: 100});\n });\n chart.update();\n }\n },\n];\n\nmodule.exports = {\n actions: actions,\n config: config,\n output: 'console.log output is shown here, click one of the annotations'\n};\n"}})],1)}),[],!1,null,null,null);t.default=e.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[73],{491:function(n,t,o){"use strict";o.r(t);var a=o(4),e=Object(a.a)({},(function(){var n=this._self._c;return n("ContentSlotsDistributor",{attrs:{"slot-key":this.$parent.slotKey}},[n("h1",{attrs:{id:"intro"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#intro"}},[this._v("#")]),this._v(" Intro")]),this._v(" "),n("chart-editor",{attrs:{code:"// \nUtils.srand(8);\n\nconst data = {\n labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July'],\n datasets: [{\n type: 'line',\n label: 'Dataset 1',\n borderColor: 'rgb(54, 162, 235)',\n borderWidth: 2,\n fill: false,\n data: Utils.numbers({count: 7, min: -100, max: 100}),\n }, {\n type: 'bar',\n label: 'Dataset 2',\n backgroundColor: 'rgb(255, 99, 132)',\n data: Utils.numbers({count: 7, min: -100, max: 100}),\n borderColor: 'white',\n borderWidth: 2\n }, {\n type: 'bar',\n label: 'Dataset 3',\n backgroundColor: 'rgb(75, 192, 192)',\n data: Utils.numbers({count: 7, min: -100, max: 100}),\n }]\n};\n// \n\n// \nconst annotation1 = {\n type: 'line',\n borderColor: 'black',\n borderWidth: 5,\n click: function({chart, element}) {\n console.log('Line annotation clicked');\n },\n label: {\n backgroundColor: 'red',\n content: 'Test Label',\n display: true\n },\n scaleID: 'y',\n value: Utils.rand(-100, 100)\n};\n// \n\n// \nconst annotation2 = {\n type: 'box',\n backgroundColor: 'rgba(101, 33, 171, 0.5)',\n borderColor: 'rgb(101, 33, 171)',\n borderWidth: 1,\n click: function({chart, element}) {\n console.log('Box annotation clicked');\n },\n drawTime: 'beforeDatasetsDraw',\n xMax: 'April',\n xMin: 'February',\n xScaleID: 'x',\n yMax: Utils.rand(-100, 100),\n yMin: Utils.rand(-100, 100),\n yScaleID: 'y'\n};\n// \n\n/* */\nconst config = {\n type: 'line',\n data,\n options: {\n plugins: {\n annotation: {\n annotations: {\n annotation1,\n annotation2\n }\n }\n }\n }\n};\n/* */\n\nconst actions = [\n {\n name: 'Randomize',\n handler: function(chart) {\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data = Utils.numbers({count: 7, min: -100, max: 100});\n });\n chart.update();\n }\n },\n];\n\nmodule.exports = {\n actions: actions,\n config: config,\n output: 'console.log output is shown here, click one of the annotations'\n};\n"}})],1)}),[],!1,null,null,null);t.default=e.exports}}]); \ No newline at end of file diff --git a/master/assets/js/76.b5bdba5f.js b/master/assets/js/76.b47fa331.js similarity index 97% rename from master/assets/js/76.b5bdba5f.js rename to master/assets/js/76.b47fa331.js index 63ab13bc9..6f30f89a4 100644 --- a/master/assets/js/76.b5bdba5f.js +++ b/master/assets/js/76.b47fa331.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[76],{494:function(n,t,a){"use strict";a.r(t);var e=a(4),o=Object(e.a)({},(function(){var n=this._self._c;return n("ContentSlotsDistributor",{attrs:{"slot-key":this.$parent.slotKey}},[n("h1",{attrs:{id:"callout"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#callout"}},[this._v("#")]),this._v(" Callout")]),this._v(" "),n("chart-editor",{attrs:{code:"// \nconst DATA_COUNT = 12;\nconst MIN = 0;\nconst MAX = 100;\n\nconst numberCfg = {count: DATA_COUNT, min: MIN, max: MAX};\n\nconst data = {\n labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'],\n datasets: [{\n data: Utils.numbers(numberCfg)\n }]\n};\n// \n\n// \nconst annotation = {\n type: 'label',\n backgroundColor: 'rgba(245, 245, 245)',\n callout: {\n display: true,\n borderColor: (ctx) => ctx.chart.data.datasets[0].borderColor\n },\n content: (ctx) => 'Maximum value is ' + maxValue(ctx).toFixed(2),\n font: {\n size: 16\n },\n position: {\n x: (ctx) => maxIndex(ctx) <= 3 ? 'start' : maxIndex(ctx) >= 10 ? 'end' : 'center',\n y: 'center'\n },\n xAdjust: (ctx) => maxIndex(ctx) <= 3 ? 60 : maxIndex(ctx) >= 10 ? -60 : 0,\n xValue: (ctx) => maxLabel(ctx),\n yAdjust: -60,\n yValue: (ctx) => maxValue(ctx)\n};\n// \n\n/* */\nconst config = {\n type: 'line',\n data,\n options: {\n scales: {\n y: {\n beginAtZero: true,\n max: 140,\n min: 0\n }\n },\n plugins: {\n annotation: {\n annotations: {\n annotation\n }\n }\n }\n }\n};\n/* */\n\n// \nfunction maxValue(ctx) {\n const values = ctx.chart.data.datasets[0].data;\n return Math.max(...values);\n}\n\nfunction maxIndex(ctx) {\n const max = maxValue(ctx);\n const dataset = ctx.chart.data.datasets[0];\n return dataset.data.indexOf(max);\n}\n\nfunction maxLabel(ctx) {\n return ctx.chart.data.labels[maxIndex(ctx)];\n}\n// \n\nconst actions = [\n {\n name: 'Randomize',\n handler: function(chart) {\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data = dataset.data.map(() => Utils.rand(MIN, MAX));\n });\n chart.update();\n }\n }\n];\n\nmodule.exports = {\n actions: actions,\n config: config,\n};\n"}})],1)}),[],!1,null,null,null);t.default=o.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[76],{497:function(n,t,a){"use strict";a.r(t);var e=a(4),o=Object(e.a)({},(function(){var n=this._self._c;return n("ContentSlotsDistributor",{attrs:{"slot-key":this.$parent.slotKey}},[n("h1",{attrs:{id:"callout"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#callout"}},[this._v("#")]),this._v(" Callout")]),this._v(" "),n("chart-editor",{attrs:{code:"// \nconst DATA_COUNT = 12;\nconst MIN = 0;\nconst MAX = 100;\n\nconst numberCfg = {count: DATA_COUNT, min: MIN, max: MAX};\n\nconst data = {\n labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'],\n datasets: [{\n data: Utils.numbers(numberCfg)\n }]\n};\n// \n\n// \nconst annotation = {\n type: 'label',\n backgroundColor: 'rgba(245, 245, 245)',\n callout: {\n display: true,\n borderColor: (ctx) => ctx.chart.data.datasets[0].borderColor\n },\n content: (ctx) => 'Maximum value is ' + maxValue(ctx).toFixed(2),\n font: {\n size: 16\n },\n position: {\n x: (ctx) => maxIndex(ctx) <= 3 ? 'start' : maxIndex(ctx) >= 10 ? 'end' : 'center',\n y: 'center'\n },\n xAdjust: (ctx) => maxIndex(ctx) <= 3 ? 60 : maxIndex(ctx) >= 10 ? -60 : 0,\n xValue: (ctx) => maxLabel(ctx),\n yAdjust: -60,\n yValue: (ctx) => maxValue(ctx)\n};\n// \n\n/* */\nconst config = {\n type: 'line',\n data,\n options: {\n scales: {\n y: {\n beginAtZero: true,\n max: 140,\n min: 0\n }\n },\n plugins: {\n annotation: {\n annotations: {\n annotation\n }\n }\n }\n }\n};\n/* */\n\n// \nfunction maxValue(ctx) {\n const values = ctx.chart.data.datasets[0].data;\n return Math.max(...values);\n}\n\nfunction maxIndex(ctx) {\n const max = maxValue(ctx);\n const dataset = ctx.chart.data.datasets[0];\n return dataset.data.indexOf(max);\n}\n\nfunction maxLabel(ctx) {\n return ctx.chart.data.labels[maxIndex(ctx)];\n}\n// \n\nconst actions = [\n {\n name: 'Randomize',\n handler: function(chart) {\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data = dataset.data.map(() => Utils.rand(MIN, MAX));\n });\n chart.update();\n }\n }\n];\n\nmodule.exports = {\n actions: actions,\n config: config,\n};\n"}})],1)}),[],!1,null,null,null);t.default=o.exports}}]); \ No newline at end of file diff --git a/master/assets/js/77.7eb0fdd7.js b/master/assets/js/77.cc78150a.js similarity index 96% rename from master/assets/js/77.7eb0fdd7.js rename to master/assets/js/77.cc78150a.js index 595799cfc..59a345195 100644 --- a/master/assets/js/77.7eb0fdd7.js +++ b/master/assets/js/77.cc78150a.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[77],{495:function(n,t,a){"use strict";a.r(t);var o=a(4),e=Object(o.a)({},(function(){var n=this._self._c;return n("ContentSlotsDistributor",{attrs:{"slot-key":this.$parent.slotKey}},[n("h1",{attrs:{id:"using-canvas-as-content"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#using-canvas-as-content"}},[this._v("#")]),this._v(" Using canvas as content")]),this._v(" "),n("chart-editor",{attrs:{code:"// \nconst DATA_COUNT = 12;\nconst MIN = 0;\nconst MAX = 100;\n\nconst numberCfg = {count: DATA_COUNT, min: MIN, max: MAX};\n\nconst data = {\n labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'],\n datasets: [{\n data: Utils.numbers(numberCfg)\n }]\n};\n// \n\n// \nconst annotation1 = {\n type: 'label',\n content: Utils.getHouse(),\n xValue: 9,\n yValue: 30\n};\n// \n\n// \nconst annotation2 = {\n type: 'label',\n content: Utils.getSpiral(),\n xValue: 2,\n yValue: 50\n};\n// \n\n/* */\nconst config = {\n type: 'line',\n data,\n options: {\n scales: {\n y: {\n beginAtZero: true,\n }\n },\n plugins: {\n annotation: {\n annotations: {\n annotation1,\n annotation2\n }\n }\n }\n }\n};\n/* */\n\nconst actions = [\n {\n name: 'Randomize',\n handler: function(chart) {\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data = dataset.data.map(() => Utils.rand(MIN, MAX));\n });\n chart.update();\n }\n }\n];\n\nmodule.exports = {\n actions: actions,\n config: config\n};\n"}})],1)}),[],!1,null,null,null);t.default=e.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[77],{494:function(n,t,a){"use strict";a.r(t);var o=a(4),e=Object(o.a)({},(function(){var n=this._self._c;return n("ContentSlotsDistributor",{attrs:{"slot-key":this.$parent.slotKey}},[n("h1",{attrs:{id:"using-canvas-as-content"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#using-canvas-as-content"}},[this._v("#")]),this._v(" Using canvas as content")]),this._v(" "),n("chart-editor",{attrs:{code:"// \nconst DATA_COUNT = 12;\nconst MIN = 0;\nconst MAX = 100;\n\nconst numberCfg = {count: DATA_COUNT, min: MIN, max: MAX};\n\nconst data = {\n labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'],\n datasets: [{\n data: Utils.numbers(numberCfg)\n }]\n};\n// \n\n// \nconst annotation1 = {\n type: 'label',\n content: Utils.getHouse(),\n xValue: 9,\n yValue: 30\n};\n// \n\n// \nconst annotation2 = {\n type: 'label',\n content: Utils.getSpiral(),\n xValue: 2,\n yValue: 50\n};\n// \n\n/* */\nconst config = {\n type: 'line',\n data,\n options: {\n scales: {\n y: {\n beginAtZero: true,\n }\n },\n plugins: {\n annotation: {\n annotations: {\n annotation1,\n annotation2\n }\n }\n }\n }\n};\n/* */\n\nconst actions = [\n {\n name: 'Randomize',\n handler: function(chart) {\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data = dataset.data.map(() => Utils.rand(MIN, MAX));\n });\n chart.update();\n }\n }\n];\n\nmodule.exports = {\n actions: actions,\n config: config\n};\n"}})],1)}),[],!1,null,null,null);t.default=e.exports}}]); \ No newline at end of file diff --git a/master/assets/js/78.b36a8ef4.js b/master/assets/js/78.26552a5a.js similarity index 98% rename from master/assets/js/78.b36a8ef4.js rename to master/assets/js/78.26552a5a.js index 775470e9f..186759374 100644 --- a/master/assets/js/78.b36a8ef4.js +++ b/master/assets/js/78.26552a5a.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[78],{496:function(n,t,a){"use strict";a.r(t);var o=a(4),e=Object(o.a)({},(function(){var n=this._self._c;return n("ContentSlotsDistributor",{attrs:{"slot-key":this.$parent.slotKey}},[n("h1",{attrs:{id:"fonts-and-colors"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#fonts-and-colors"}},[this._v("#")]),this._v(" Fonts and colors")]),this._v(" "),n("chart-editor",{attrs:{code:"// \nconst DATA_COUNT = 12;\nconst MIN = 0;\nconst MAX = 100;\n\nconst numberCfg = {count: DATA_COUNT, min: MIN, max: MAX};\n\nconst data = {\n labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'],\n datasets: [{\n data: Utils.numbers(numberCfg)\n }]\n};\n// \n\n// \nconst annotation1 = {\n type: 'label',\n backgroundColor: 'rgba(0,0,0,0.2)',\n borderRadius: 6,\n borderWidth: 0,\n callout: {\n display: true\n },\n color: ['black,', 'black', 'green'],\n content: ['March', 'is', 'annotated'],\n font: [{size: 16, weight: 'bold'}, {family: 'courier'}],\n position: {\n x: 'center',\n y: 'end'\n },\n xValue: 'March',\n yAdjust: (ctx) => yOffset(ctx, 'March'),\n yValue: (ctx) => yValue(ctx, 'March')\n};\n// \n\n// \nconst annotation2 = {\n type: 'label',\n backgroundColor: 'rgba(0,0,0,0.2)',\n borderRadius: 6,\n borderWidth: 0,\n callout: {\n display: true\n },\n color: ['black,', 'black', 'green'],\n content: ['June', 'is', 'annotated'],\n font: [{size: 16, weight: 'bold'}, {family: 'courier'}],\n position: {\n x: 'center',\n y: 'end'\n },\n xValue: 'June',\n yAdjust: (ctx) => yOffset(ctx, 'June'),\n yValue: (ctx) => yValue(ctx, 'June')\n};\n// \n\n// \nconst annotation3 = {\n type: 'label',\n backgroundColor: 'rgba(0,0,0,0.2)',\n borderRadius: 6,\n borderWidth: 0,\n callout: {\n display: true\n },\n color: ['black,', 'black', 'green'],\n content: ['October', 'is', 'annotated'],\n font: [{size: 16, weight: 'bold'}, {family: 'courier'}],\n position: {\n x: 'center',\n y: 'end'\n },\n xValue: 'October',\n yAdjust: (ctx) => yOffset(ctx, 'October'),\n yValue: (ctx) => yValue(ctx, 'October')\n};\n// \n\n// \nfunction yValue(ctx, label) {\n const chart = ctx.chart;\n const dataset = chart.data.datasets[0];\n return dataset.data[chart.data.labels.indexOf(label)];\n}\n\nfunction yOffset(ctx, label) {\n const value = yValue(ctx, label);\n const chart = ctx.chart;\n const scale = chart.scales.y;\n const y = scale.getPixelForValue(value);\n const lblPos = scale.getPixelForValue(100);\n return lblPos - y - 5;\n}\n\n// \n\n/* */\nconst config = {\n type: 'bar',\n data,\n options: {\n scales: {\n y: {\n beginAtZero: true,\n max: 130,\n min: 0,\n grid: {\n color: (ctx)=> ctx.tick.value <= 100 ?\n ctx.chart.scales.x.options.grid.color :\n undefined\n },\n ticks: {\n callback: (value) => value > 100 ? '' : value\n }\n }\n },\n plugins: {\n annotation: {\n annotations: {\n annotation1,\n annotation2,\n annotation3\n }\n }\n }\n }\n};\n/* */\n\nconst actions = [\n {\n name: 'Randomize',\n handler: function(chart) {\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data = dataset.data.map(() => Utils.rand(MIN, MAX));\n });\n chart.update();\n }\n }\n];\n\nmodule.exports = {\n actions: actions,\n config: config,\n};\n"}})],1)}),[],!1,null,null,null);t.default=e.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[78],{495:function(n,t,a){"use strict";a.r(t);var o=a(4),e=Object(o.a)({},(function(){var n=this._self._c;return n("ContentSlotsDistributor",{attrs:{"slot-key":this.$parent.slotKey}},[n("h1",{attrs:{id:"fonts-and-colors"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#fonts-and-colors"}},[this._v("#")]),this._v(" Fonts and colors")]),this._v(" "),n("chart-editor",{attrs:{code:"// \nconst DATA_COUNT = 12;\nconst MIN = 0;\nconst MAX = 100;\n\nconst numberCfg = {count: DATA_COUNT, min: MIN, max: MAX};\n\nconst data = {\n labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'],\n datasets: [{\n data: Utils.numbers(numberCfg)\n }]\n};\n// \n\n// \nconst annotation1 = {\n type: 'label',\n backgroundColor: 'rgba(0,0,0,0.2)',\n borderRadius: 6,\n borderWidth: 0,\n callout: {\n display: true\n },\n color: ['black,', 'black', 'green'],\n content: ['March', 'is', 'annotated'],\n font: [{size: 16, weight: 'bold'}, {family: 'courier'}],\n position: {\n x: 'center',\n y: 'end'\n },\n xValue: 'March',\n yAdjust: (ctx) => yOffset(ctx, 'March'),\n yValue: (ctx) => yValue(ctx, 'March')\n};\n// \n\n// \nconst annotation2 = {\n type: 'label',\n backgroundColor: 'rgba(0,0,0,0.2)',\n borderRadius: 6,\n borderWidth: 0,\n callout: {\n display: true\n },\n color: ['black,', 'black', 'green'],\n content: ['June', 'is', 'annotated'],\n font: [{size: 16, weight: 'bold'}, {family: 'courier'}],\n position: {\n x: 'center',\n y: 'end'\n },\n xValue: 'June',\n yAdjust: (ctx) => yOffset(ctx, 'June'),\n yValue: (ctx) => yValue(ctx, 'June')\n};\n// \n\n// \nconst annotation3 = {\n type: 'label',\n backgroundColor: 'rgba(0,0,0,0.2)',\n borderRadius: 6,\n borderWidth: 0,\n callout: {\n display: true\n },\n color: ['black,', 'black', 'green'],\n content: ['October', 'is', 'annotated'],\n font: [{size: 16, weight: 'bold'}, {family: 'courier'}],\n position: {\n x: 'center',\n y: 'end'\n },\n xValue: 'October',\n yAdjust: (ctx) => yOffset(ctx, 'October'),\n yValue: (ctx) => yValue(ctx, 'October')\n};\n// \n\n// \nfunction yValue(ctx, label) {\n const chart = ctx.chart;\n const dataset = chart.data.datasets[0];\n return dataset.data[chart.data.labels.indexOf(label)];\n}\n\nfunction yOffset(ctx, label) {\n const value = yValue(ctx, label);\n const chart = ctx.chart;\n const scale = chart.scales.y;\n const y = scale.getPixelForValue(value);\n const lblPos = scale.getPixelForValue(100);\n return lblPos - y - 5;\n}\n\n// \n\n/* */\nconst config = {\n type: 'bar',\n data,\n options: {\n scales: {\n y: {\n beginAtZero: true,\n max: 130,\n min: 0,\n grid: {\n color: (ctx)=> ctx.tick.value <= 100 ?\n ctx.chart.scales.x.options.grid.color :\n undefined\n },\n ticks: {\n callback: (value) => value > 100 ? '' : value\n }\n }\n },\n plugins: {\n annotation: {\n annotations: {\n annotation1,\n annotation2,\n annotation3\n }\n }\n }\n }\n};\n/* */\n\nconst actions = [\n {\n name: 'Randomize',\n handler: function(chart) {\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data = dataset.data.map(() => Utils.rand(MIN, MAX));\n });\n chart.update();\n }\n }\n];\n\nmodule.exports = {\n actions: actions,\n config: config,\n};\n"}})],1)}),[],!1,null,null,null);t.default=e.exports}}]); \ No newline at end of file diff --git a/master/assets/js/79.6fc059a2.js b/master/assets/js/79.53062205.js similarity index 96% rename from master/assets/js/79.6fc059a2.js rename to master/assets/js/79.53062205.js index 1a31b89f1..2000f7ace 100644 --- a/master/assets/js/79.6fc059a2.js +++ b/master/assets/js/79.53062205.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[79],{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:"using-images-as-content"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#using-images-as-content"}},[this._v("#")]),this._v(" Using images as content")]),this._v(" "),n("chart-editor",{attrs:{code:"// \nconst DATA_COUNT = 12;\nconst MIN = 0;\nconst MAX = 100;\n\nconst numberCfg = {count: DATA_COUNT, min: MIN, max: MAX};\n\nconst data = {\n labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'],\n datasets: [{\n data: Utils.numbers(numberCfg)\n }]\n};\n// \n\n// \nconst annotation1 = {\n type: 'label',\n drawTime: 'afterDraw',\n content: Utils.getImage(),\n width: 100,\n height: 100,\n xValue: 4,\n yValue: 30,\n xAdjust: 150,\n yAdjust: -150,\n borderWidth: 1,\n borderDash: [6, 6],\n callout: {\n display: true,\n position: 'left'\n }\n};\n// \n\n// \nconst annotation2 = {\n type: 'point',\n drawTime: 'afterDraw',\n xValue: 4,\n yValue: 30,\n radius: 10\n};\n// \n\n/* */\nconst config = {\n type: 'line',\n data,\n options: {\n scales: {\n y: {\n beginAtZero: true,\n }\n },\n plugins: {\n annotation: {\n annotations: {\n annotation1,\n annotation2\n }\n }\n }\n }\n};\n/* */\n\nconst actions = [\n {\n name: 'Randomize',\n handler: function(chart) {\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data = dataset.data.map(() => Utils.rand(MIN, MAX));\n });\n chart.update();\n }\n }\n];\n\nmodule.exports = {\n actions: actions,\n config: config\n};\n"}})],1)}),[],!1,null,null,null);t.default=e.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[79],{496:function(n,t,a){"use strict";a.r(t);var o=a(4),e=Object(o.a)({},(function(){var n=this._self._c;return n("ContentSlotsDistributor",{attrs:{"slot-key":this.$parent.slotKey}},[n("h1",{attrs:{id:"using-images-as-content"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#using-images-as-content"}},[this._v("#")]),this._v(" Using images as content")]),this._v(" "),n("chart-editor",{attrs:{code:"// \nconst DATA_COUNT = 12;\nconst MIN = 0;\nconst MAX = 100;\n\nconst numberCfg = {count: DATA_COUNT, min: MIN, max: MAX};\n\nconst data = {\n labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'],\n datasets: [{\n data: Utils.numbers(numberCfg)\n }]\n};\n// \n\n// \nconst annotation1 = {\n type: 'label',\n drawTime: 'afterDraw',\n content: Utils.getImage(),\n width: 100,\n height: 100,\n xValue: 4,\n yValue: 30,\n xAdjust: 150,\n yAdjust: -150,\n borderWidth: 1,\n borderDash: [6, 6],\n callout: {\n display: true,\n position: 'left'\n }\n};\n// \n\n// \nconst annotation2 = {\n type: 'point',\n drawTime: 'afterDraw',\n xValue: 4,\n yValue: 30,\n radius: 10\n};\n// \n\n/* */\nconst config = {\n type: 'line',\n data,\n options: {\n scales: {\n y: {\n beginAtZero: true,\n }\n },\n plugins: {\n annotation: {\n annotations: {\n annotation1,\n annotation2\n }\n }\n }\n }\n};\n/* */\n\nconst actions = [\n {\n name: 'Randomize',\n handler: function(chart) {\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data = dataset.data.map(() => Utils.rand(MIN, MAX));\n });\n chart.update();\n }\n }\n];\n\nmodule.exports = {\n actions: actions,\n config: config\n};\n"}})],1)}),[],!1,null,null,null);t.default=e.exports}}]); \ No newline at end of file diff --git a/master/assets/js/80.f05293b0.js b/master/assets/js/80.43c140a8.js similarity index 98% rename from master/assets/js/80.f05293b0.js rename to master/assets/js/80.43c140a8.js index d04d4dd7e..3d215ab76 100644 --- a/master/assets/js/80.f05293b0.js +++ b/master/assets/js/80.43c140a8.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[80],{499:function(n,t,a){"use strict";a.r(t);var e=a(4),o=Object(e.a)({},(function(){var n=this._self._c;return n("ContentSlotsDistributor",{attrs:{"slot-key":this.$parent.slotKey}},[n("h1",{attrs:{id:"inner-chart"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#inner-chart"}},[this._v("#")]),this._v(" Inner chart")]),this._v(" "),n("chart-editor",{attrs:{code:"// \nconst DATA_COUNT = 12;\nconst MIN = 0;\nconst MAX = 100;\n\nconst innerChart = Utils.getChart();\nconst innerDataset = innerChart.data.datasets[0];\n\nconst numberCfg = {count: DATA_COUNT, min: MIN, max: MAX};\n\nconst data = {\n labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'],\n datasets: [{\n data: Utils.numbers(numberCfg),\n borderColor: innerDataset.backgroundColor[0],\n backgroundColor: 'transparent'\n }, {\n data: Utils.numbers(numberCfg),\n borderColor: innerDataset.backgroundColor[1],\n backgroundColor: 'transparent',\n hidden: true\n }, {\n data: Utils.numbers(numberCfg),\n borderColor: innerDataset.backgroundColor[2],\n backgroundColor: 'transparent',\n hidden: true\n }]\n};\n// \n\n// \nconst annotation1 = {\n type: 'label',\n content: innerChart.canvas,\n xValue: 1,\n yValue: 135,\n enter: (ctx) => setCursor(ctx, 'pointer'),\n leave: (ctx) => setCursor(ctx, 'default'),\n click: clickOnInnerChart\n};\n// \n\n// \nconst annotation2 = {\n type: 'label',\n content: (ctx) => [innerChart.data.labels[getVisibleDatasetIndex(ctx)],\n 'items trend'],\n callout: {\n display: true,\n position: 'bottom',\n margin: 0\n },\n font: {\n size: 16\n },\n backgroundColor: 'white',\n borderWidth: 1,\n xAdjust: -60,\n xValue: (ctx) => point(ctx).x,\n yAdjust: -60,\n yValue: (ctx) => point(ctx).y\n};\n// \n\n// \nconst annotation3 = {\n type: 'label',\n content: ['Click on a slice of the pie chart', 'to see the data in the main chart'],\n color: 'rgba(0, 0, 0, 0.5)',\n xValue: 3.2,\n yValue: 150,\n};\n// \n\n/* */\nconst config = {\n type: 'line',\n data,\n options: {\n scales: {\n y: {\n beginAtZero: true,\n min: 0,\n max: 160\n }\n },\n plugins: {\n annotation: {\n annotations: {\n annotation1,\n annotation2,\n annotation3\n }\n }\n }\n }\n};\n/* */\n\n// \nfunction clickOnInnerChart(ctx, event) {\n event.x = event.x - ctx.element.x;\n event.y = event.y - ctx.element.y;\n const elements = innerChart.getElementsAtEventForMode(event, 'point', {}, true);\n if (elements.length) {\n const first = elements[0];\n ctx.chart.setDatasetVisibility(getVisibleDatasetIndex(ctx), false);\n ctx.chart.show(first.index);\n }\n}\n\nfunction getVisibleDatasetIndex(ctx) {\n const chart = ctx.chart;\n for (let i = 0; i < chart.data.datasets.length; i++) {\n if (chart.isDatasetVisible(i)) {\n return i;\n }\n }\n return 0;\n}\n\nfunction point(ctx) {\n const dataset = ctx.chart.data.datasets[getVisibleDatasetIndex(ctx)];\n const values = dataset.data.filter((value, i) => i > dataset.data.length - 4);\n const y = Math.max(...values);\n const x = dataset.data.lastIndexOf(y);\n return {x, y};\n}\n\nfunction setCursor(ctx, type) {\n ctx.chart.canvas.style.cursor = type;\n}\n// \n\nconst actions = [\n {\n name: 'Randomize',\n handler: function(chart) {\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data = dataset.data.map(() => Utils.rand(MIN, MAX));\n });\n chart.update();\n innerChart.data.datasets.forEach(function(dataset, i) {\n dataset.data = dataset.data.map(() => Utils.rand(MIN, MAX));\n });\n innerChart.update();\n }\n }\n];\n\nmodule.exports = {\n actions: actions,\n config: config\n};\n"}})],1)}),[],!1,null,null,null);t.default=o.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[80],{498:function(n,t,a){"use strict";a.r(t);var e=a(4),o=Object(e.a)({},(function(){var n=this._self._c;return n("ContentSlotsDistributor",{attrs:{"slot-key":this.$parent.slotKey}},[n("h1",{attrs:{id:"inner-chart"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#inner-chart"}},[this._v("#")]),this._v(" Inner chart")]),this._v(" "),n("chart-editor",{attrs:{code:"// \nconst DATA_COUNT = 12;\nconst MIN = 0;\nconst MAX = 100;\n\nconst innerChart = Utils.getChart();\nconst innerDataset = innerChart.data.datasets[0];\n\nconst numberCfg = {count: DATA_COUNT, min: MIN, max: MAX};\n\nconst data = {\n labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'],\n datasets: [{\n data: Utils.numbers(numberCfg),\n borderColor: innerDataset.backgroundColor[0],\n backgroundColor: 'transparent'\n }, {\n data: Utils.numbers(numberCfg),\n borderColor: innerDataset.backgroundColor[1],\n backgroundColor: 'transparent',\n hidden: true\n }, {\n data: Utils.numbers(numberCfg),\n borderColor: innerDataset.backgroundColor[2],\n backgroundColor: 'transparent',\n hidden: true\n }]\n};\n// \n\n// \nconst annotation1 = {\n type: 'label',\n content: innerChart.canvas,\n xValue: 1,\n yValue: 135,\n enter: (ctx) => setCursor(ctx, 'pointer'),\n leave: (ctx) => setCursor(ctx, 'default'),\n click: clickOnInnerChart\n};\n// \n\n// \nconst annotation2 = {\n type: 'label',\n content: (ctx) => [innerChart.data.labels[getVisibleDatasetIndex(ctx)],\n 'items trend'],\n callout: {\n display: true,\n position: 'bottom',\n margin: 0\n },\n font: {\n size: 16\n },\n backgroundColor: 'white',\n borderWidth: 1,\n xAdjust: -60,\n xValue: (ctx) => point(ctx).x,\n yAdjust: -60,\n yValue: (ctx) => point(ctx).y\n};\n// \n\n// \nconst annotation3 = {\n type: 'label',\n content: ['Click on a slice of the pie chart', 'to see the data in the main chart'],\n color: 'rgba(0, 0, 0, 0.5)',\n xValue: 3.2,\n yValue: 150,\n};\n// \n\n/* */\nconst config = {\n type: 'line',\n data,\n options: {\n scales: {\n y: {\n beginAtZero: true,\n min: 0,\n max: 160\n }\n },\n plugins: {\n annotation: {\n annotations: {\n annotation1,\n annotation2,\n annotation3\n }\n }\n }\n }\n};\n/* */\n\n// \nfunction clickOnInnerChart(ctx, event) {\n event.x = event.x - ctx.element.x;\n event.y = event.y - ctx.element.y;\n const elements = innerChart.getElementsAtEventForMode(event, 'point', {}, true);\n if (elements.length) {\n const first = elements[0];\n ctx.chart.setDatasetVisibility(getVisibleDatasetIndex(ctx), false);\n ctx.chart.show(first.index);\n }\n}\n\nfunction getVisibleDatasetIndex(ctx) {\n const chart = ctx.chart;\n for (let i = 0; i < chart.data.datasets.length; i++) {\n if (chart.isDatasetVisible(i)) {\n return i;\n }\n }\n return 0;\n}\n\nfunction point(ctx) {\n const dataset = ctx.chart.data.datasets[getVisibleDatasetIndex(ctx)];\n const values = dataset.data.filter((value, i) => i > dataset.data.length - 4);\n const y = Math.max(...values);\n const x = dataset.data.lastIndexOf(y);\n return {x, y};\n}\n\nfunction setCursor(ctx, type) {\n ctx.chart.canvas.style.cursor = type;\n}\n// \n\nconst actions = [\n {\n name: 'Randomize',\n handler: function(chart) {\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data = dataset.data.map(() => Utils.rand(MIN, MAX));\n });\n chart.update();\n innerChart.data.datasets.forEach(function(dataset, i) {\n dataset.data = dataset.data.map(() => Utils.rand(MIN, MAX));\n });\n innerChart.update();\n }\n }\n];\n\nmodule.exports = {\n actions: actions,\n config: config\n};\n"}})],1)}),[],!1,null,null,null);t.default=o.exports}}]); \ No newline at end of file diff --git a/master/assets/js/81.7549bb51.js b/master/assets/js/81.dd0d9deb.js similarity index 98% rename from master/assets/js/81.7549bb51.js rename to master/assets/js/81.dd0d9deb.js index 12846b4f5..2c95484ca 100644 --- a/master/assets/js/81.7549bb51.js +++ b/master/assets/js/81.dd0d9deb.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[81],{498:function(n,t,a){"use strict";a.r(t);var o=a(4),s=Object(o.a)({},(function(){var n=this._self._c;return n("ContentSlotsDistributor",{attrs:{"slot-key":this.$parent.slotKey}},[n("h1",{attrs:{id:"lower-and-upper-bounds-labels"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#lower-and-upper-bounds-labels"}},[this._v("#")]),this._v(" Lower and upper bounds labels")]),this._v(" "),n("chart-editor",{attrs:{code:"// \nconst DATA_COUNT = 8;\nconst MIN = 10;\nconst MAX = 100;\n\nUtils.srand(8);\n\nconst labels = [];\nfor (let i = 0; i < DATA_COUNT; ++i) {\n labels.push('' + i);\n}\n\nconst numberCfg = {count: DATA_COUNT, min: MIN, max: MAX};\n\nconst data = {\n labels: labels,\n datasets: [{\n data: Utils.numbers(numberCfg)\n }, {\n data: Utils.numbers(numberCfg)\n }, {\n data: Utils.numbers(numberCfg)\n }]\n};\n// \n\n// \nconst annotation1 = {\n type: 'label',\n content: (ctx) => 'Lower bound: ' + minValue(ctx).toFixed(3),\n position: {\n x: 'start',\n y: 'end'\n },\n xScaleID: 'x',\n xValue: 2,\n yScaleID: 'y',\n yValue: minValue\n};\n// \n\n// \nconst annotation2 = {\n type: 'label',\n content: (ctx) => 'Upper bound: ' + maxValue(ctx).toFixed(3),\n position: {\n x: 'start',\n y: 'start'\n },\n xScaleID: 'x',\n xValue: 2,\n yScaleID: 'y',\n yValue: maxValue\n};\n// \n\n/* */\nconst config = {\n type: 'line',\n data,\n options: {\n scales: {\n y: {\n stacked: true\n }\n },\n plugins: {\n annotation: {\n annotations: {\n annotation1,\n annotation2\n }\n }\n }\n }\n};\n/* */\n\n// \nfunction minValue(ctx) {\n const dataset = ctx.chart.data.datasets[0];\n const min = dataset.data.reduce((max, point) => Math.min(point, max), Infinity);\n return isFinite(min) ? min : 0;\n}\n\nfunction maxValue(ctx) {\n const datasets = ctx.chart.data.datasets;\n const count = datasets[0].data.length;\n let max = 0;\n for (let i = 0; i < count; i++) {\n let sum = 0;\n for (const dataset of datasets) {\n sum += dataset.data[i];\n }\n max = Math.max(max, sum);\n }\n return max;\n}\n// \n\nconst actions = [\n {\n name: 'Randomize',\n handler: function(chart) {\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data = dataset.data.map(() => Utils.rand(MIN, MAX));\n });\n chart.update();\n }\n },\n {\n name: 'Add data',\n handler: function(chart) {\n chart.data.labels.push(chart.data.labels.length);\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data.push(Utils.rand(MIN, MAX));\n });\n chart.update();\n }\n },\n {\n name: 'Remove data',\n handler: function(chart) {\n chart.data.labels.shift();\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data.shift();\n });\n chart.update();\n }\n },\n {\n name: 'Cycle x-position',\n handler: function(chart) {\n const annotations = chart.options.plugins.annotation.annotations;\n if (annotations.annotation1.position.x === 'start') {\n annotations.annotation1.position.x = 'end';\n annotations.annotation2.position.x = 'end';\n } else if (annotations.annotation1.position.x === 'center') {\n annotations.annotation1.position.x = 'start';\n annotations.annotation2.position.x = 'start';\n } else {\n annotations.annotation1.position.x = 'center';\n annotations.annotation2.position.x = 'center';\n }\n chart.update();\n }\n }\n];\n\nmodule.exports = {\n actions: actions,\n config: config,\n};\n"}})],1)}),[],!1,null,null,null);t.default=s.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[81],{499:function(n,t,a){"use strict";a.r(t);var o=a(4),s=Object(o.a)({},(function(){var n=this._self._c;return n("ContentSlotsDistributor",{attrs:{"slot-key":this.$parent.slotKey}},[n("h1",{attrs:{id:"lower-and-upper-bounds-labels"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#lower-and-upper-bounds-labels"}},[this._v("#")]),this._v(" Lower and upper bounds labels")]),this._v(" "),n("chart-editor",{attrs:{code:"// \nconst DATA_COUNT = 8;\nconst MIN = 10;\nconst MAX = 100;\n\nUtils.srand(8);\n\nconst labels = [];\nfor (let i = 0; i < DATA_COUNT; ++i) {\n labels.push('' + i);\n}\n\nconst numberCfg = {count: DATA_COUNT, min: MIN, max: MAX};\n\nconst data = {\n labels: labels,\n datasets: [{\n data: Utils.numbers(numberCfg)\n }, {\n data: Utils.numbers(numberCfg)\n }, {\n data: Utils.numbers(numberCfg)\n }]\n};\n// \n\n// \nconst annotation1 = {\n type: 'label',\n content: (ctx) => 'Lower bound: ' + minValue(ctx).toFixed(3),\n position: {\n x: 'start',\n y: 'end'\n },\n xScaleID: 'x',\n xValue: 2,\n yScaleID: 'y',\n yValue: minValue\n};\n// \n\n// \nconst annotation2 = {\n type: 'label',\n content: (ctx) => 'Upper bound: ' + maxValue(ctx).toFixed(3),\n position: {\n x: 'start',\n y: 'start'\n },\n xScaleID: 'x',\n xValue: 2,\n yScaleID: 'y',\n yValue: maxValue\n};\n// \n\n/* */\nconst config = {\n type: 'line',\n data,\n options: {\n scales: {\n y: {\n stacked: true\n }\n },\n plugins: {\n annotation: {\n annotations: {\n annotation1,\n annotation2\n }\n }\n }\n }\n};\n/* */\n\n// \nfunction minValue(ctx) {\n const dataset = ctx.chart.data.datasets[0];\n const min = dataset.data.reduce((max, point) => Math.min(point, max), Infinity);\n return isFinite(min) ? min : 0;\n}\n\nfunction maxValue(ctx) {\n const datasets = ctx.chart.data.datasets;\n const count = datasets[0].data.length;\n let max = 0;\n for (let i = 0; i < count; i++) {\n let sum = 0;\n for (const dataset of datasets) {\n sum += dataset.data[i];\n }\n max = Math.max(max, sum);\n }\n return max;\n}\n// \n\nconst actions = [\n {\n name: 'Randomize',\n handler: function(chart) {\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data = dataset.data.map(() => Utils.rand(MIN, MAX));\n });\n chart.update();\n }\n },\n {\n name: 'Add data',\n handler: function(chart) {\n chart.data.labels.push(chart.data.labels.length);\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data.push(Utils.rand(MIN, MAX));\n });\n chart.update();\n }\n },\n {\n name: 'Remove data',\n handler: function(chart) {\n chart.data.labels.shift();\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data.shift();\n });\n chart.update();\n }\n },\n {\n name: 'Cycle x-position',\n handler: function(chart) {\n const annotations = chart.options.plugins.annotation.annotations;\n if (annotations.annotation1.position.x === 'start') {\n annotations.annotation1.position.x = 'end';\n annotations.annotation2.position.x = 'end';\n } else if (annotations.annotation1.position.x === 'center') {\n annotations.annotation1.position.x = 'start';\n annotations.annotation2.position.x = 'start';\n } else {\n annotations.annotation1.position.x = 'center';\n annotations.annotation2.position.x = 'center';\n }\n chart.update();\n }\n }\n];\n\nmodule.exports = {\n actions: actions,\n config: config,\n};\n"}})],1)}),[],!1,null,null,null);t.default=s.exports}}]); \ No newline at end of file diff --git a/master/assets/js/84.fc76c759.js b/master/assets/js/84.a487ba29.js similarity index 97% rename from master/assets/js/84.fc76c759.js rename to master/assets/js/84.a487ba29.js index c1583e77a..2ea0980d8 100644 --- a/master/assets/js/84.fc76c759.js +++ b/master/assets/js/84.a487ba29.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[84],{502:function(n,t,a){"use strict";a.r(t);var e=a(4),s=Object(e.a)({},(function(){var n=this._self._c;return n("ContentSlotsDistributor",{attrs:{"slot-key":this.$parent.slotKey}},[n("h1",{attrs:{id:"average"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#average"}},[this._v("#")]),this._v(" Average")]),this._v(" "),n("chart-editor",{attrs:{code:"// \nconst DATA_COUNT = 8;\nconst MIN = 10;\nconst MAX = 100;\n\nUtils.srand(8);\n\nconst labels = [];\nfor (let i = 0; i < DATA_COUNT; ++i) {\n labels.push('' + i);\n}\n\nconst numberCfg = {count: DATA_COUNT, min: MIN, max: MAX};\n\nconst data = {\n labels: labels,\n datasets: [{\n data: Utils.numbers(numberCfg)\n }]\n};\n// \n\n// \nconst annotation = {\n type: 'line',\n borderColor: 'black',\n borderDash: [6, 6],\n borderDashOffset: 0,\n borderWidth: 3,\n label: {\n display: true,\n content: (ctx) => 'Average: ' + average(ctx).toFixed(2),\n position: 'end'\n },\n scaleID: 'y',\n value: (ctx) => average(ctx)\n};\n// \n\n/* */\nconst config = {\n type: 'line',\n data,\n options: {\n plugins: {\n annotation: {\n annotations: {\n annotation\n }\n }\n }\n }\n};\n/* */\n\n// \nfunction average(ctx) {\n const values = ctx.chart.data.datasets[0].data;\n return values.reduce((a, b) => a + b, 0) / values.length;\n}\n// \n\nconst actions = [\n {\n name: 'Randomize',\n handler: function(chart) {\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data = dataset.data.map(() => Utils.rand(MIN, MAX));\n });\n chart.update();\n }\n },\n {\n name: 'Add data',\n handler: function(chart) {\n chart.data.labels.push(chart.data.labels.length);\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data.push(Utils.rand(MIN, MAX));\n });\n chart.update();\n }\n },\n {\n name: 'Remove data',\n handler: function(chart) {\n chart.data.labels.shift();\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data.shift();\n });\n chart.update();\n }\n }\n];\n\nmodule.exports = {\n actions: actions,\n config: config,\n};\n"}})],1)}),[],!1,null,null,null);t.default=s.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[84],{503:function(n,t,a){"use strict";a.r(t);var e=a(4),s=Object(e.a)({},(function(){var n=this._self._c;return n("ContentSlotsDistributor",{attrs:{"slot-key":this.$parent.slotKey}},[n("h1",{attrs:{id:"average"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#average"}},[this._v("#")]),this._v(" Average")]),this._v(" "),n("chart-editor",{attrs:{code:"// \nconst DATA_COUNT = 8;\nconst MIN = 10;\nconst MAX = 100;\n\nUtils.srand(8);\n\nconst labels = [];\nfor (let i = 0; i < DATA_COUNT; ++i) {\n labels.push('' + i);\n}\n\nconst numberCfg = {count: DATA_COUNT, min: MIN, max: MAX};\n\nconst data = {\n labels: labels,\n datasets: [{\n data: Utils.numbers(numberCfg)\n }]\n};\n// \n\n// \nconst annotation = {\n type: 'line',\n borderColor: 'black',\n borderDash: [6, 6],\n borderDashOffset: 0,\n borderWidth: 3,\n label: {\n display: true,\n content: (ctx) => 'Average: ' + average(ctx).toFixed(2),\n position: 'end'\n },\n scaleID: 'y',\n value: (ctx) => average(ctx)\n};\n// \n\n/* */\nconst config = {\n type: 'line',\n data,\n options: {\n plugins: {\n annotation: {\n annotations: {\n annotation\n }\n }\n }\n }\n};\n/* */\n\n// \nfunction average(ctx) {\n const values = ctx.chart.data.datasets[0].data;\n return values.reduce((a, b) => a + b, 0) / values.length;\n}\n// \n\nconst actions = [\n {\n name: 'Randomize',\n handler: function(chart) {\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data = dataset.data.map(() => Utils.rand(MIN, MAX));\n });\n chart.update();\n }\n },\n {\n name: 'Add data',\n handler: function(chart) {\n chart.data.labels.push(chart.data.labels.length);\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data.push(Utils.rand(MIN, MAX));\n });\n chart.update();\n }\n },\n {\n name: 'Remove data',\n handler: function(chart) {\n chart.data.labels.shift();\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data.shift();\n });\n chart.update();\n }\n }\n];\n\nmodule.exports = {\n actions: actions,\n config: config,\n};\n"}})],1)}),[],!1,null,null,null);t.default=s.exports}}]); \ No newline at end of file diff --git a/master/assets/js/85.373cac07.js b/master/assets/js/85.d5127de9.js similarity index 96% rename from master/assets/js/85.373cac07.js rename to master/assets/js/85.d5127de9.js index 126f82b18..cd3551fd6 100644 --- a/master/assets/js/85.373cac07.js +++ b/master/assets/js/85.d5127de9.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[85],{503:function(n,t,a){"use strict";a.r(t);var s=a(4),o=Object(s.a)({},(function(){var n=this._self._c;return n("ContentSlotsDistributor",{attrs:{"slot-key":this.$parent.slotKey}},[n("h1",{attrs:{id:"basic"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#basic"}},[this._v("#")]),this._v(" Basic")]),this._v(" "),n("chart-editor",{attrs:{code:"// \nconst DATA_COUNT = 8;\nconst MIN = 10;\nconst MAX = 100;\n\nUtils.srand(8);\n\nconst labels = [];\nfor (let i = 0; i < DATA_COUNT; ++i) {\n labels.push('' + i);\n}\n\nconst numberCfg = {count: DATA_COUNT, min: MIN, max: MAX};\n\nconst data = {\n labels: labels,\n datasets: [{\n data: Utils.numbers(numberCfg)\n }]\n};\n// \n\n// \nconst annotation = {\n type: 'line',\n borderColor: 'black',\n borderWidth: 3,\n scaleID: 'y',\n value: 50\n};\n// \n\n/* */\nconst config = {\n type: 'line',\n data,\n options: {\n scales: {\n y: {\n stacked: true\n }\n },\n plugins: {\n annotation: {\n annotations: {\n annotation\n }\n }\n }\n }\n};\n/* */\n\nconst actions = [\n {\n name: 'Randomize',\n handler: function(chart) {\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data = dataset.data.map(() => Utils.rand(MIN, MAX));\n });\n chart.update();\n }\n },\n {\n name: 'Add data',\n handler: function(chart) {\n chart.data.labels.push(chart.data.labels.length);\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data.push(Utils.rand(MIN, MAX));\n });\n chart.update();\n }\n },\n {\n name: 'Remove data',\n handler: function(chart) {\n chart.data.labels.shift();\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data.shift();\n });\n chart.update();\n }\n }\n];\n\nmodule.exports = {\n actions: actions,\n config: config\n};\n"}})],1)}),[],!1,null,null,null);t.default=o.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[85],{505:function(n,t,a){"use strict";a.r(t);var s=a(4),o=Object(s.a)({},(function(){var n=this._self._c;return n("ContentSlotsDistributor",{attrs:{"slot-key":this.$parent.slotKey}},[n("h1",{attrs:{id:"basic"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#basic"}},[this._v("#")]),this._v(" Basic")]),this._v(" "),n("chart-editor",{attrs:{code:"// \nconst DATA_COUNT = 8;\nconst MIN = 10;\nconst MAX = 100;\n\nUtils.srand(8);\n\nconst labels = [];\nfor (let i = 0; i < DATA_COUNT; ++i) {\n labels.push('' + i);\n}\n\nconst numberCfg = {count: DATA_COUNT, min: MIN, max: MAX};\n\nconst data = {\n labels: labels,\n datasets: [{\n data: Utils.numbers(numberCfg)\n }]\n};\n// \n\n// \nconst annotation = {\n type: 'line',\n borderColor: 'black',\n borderWidth: 3,\n scaleID: 'y',\n value: 50\n};\n// \n\n/* */\nconst config = {\n type: 'line',\n data,\n options: {\n scales: {\n y: {\n stacked: true\n }\n },\n plugins: {\n annotation: {\n annotations: {\n annotation\n }\n }\n }\n }\n};\n/* */\n\nconst actions = [\n {\n name: 'Randomize',\n handler: function(chart) {\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data = dataset.data.map(() => Utils.rand(MIN, MAX));\n });\n chart.update();\n }\n },\n {\n name: 'Add data',\n handler: function(chart) {\n chart.data.labels.push(chart.data.labels.length);\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data.push(Utils.rand(MIN, MAX));\n });\n chart.update();\n }\n },\n {\n name: 'Remove data',\n handler: function(chart) {\n chart.data.labels.shift();\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data.shift();\n });\n chart.update();\n }\n }\n];\n\nmodule.exports = {\n actions: actions,\n config: config\n};\n"}})],1)}),[],!1,null,null,null);t.default=o.exports}}]); \ No newline at end of file diff --git a/master/assets/js/86.ba7def2f.js b/master/assets/js/86.efbef767.js similarity index 98% rename from master/assets/js/86.ba7def2f.js rename to master/assets/js/86.efbef767.js index 132aef659..8d15c7e9c 100644 --- a/master/assets/js/86.ba7def2f.js +++ b/master/assets/js/86.efbef767.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[86],{504:function(n,t,a){"use strict";a.r(t);var o=a(4),e=Object(o.a)({},(function(){var n=this._self._c;return n("ContentSlotsDistributor",{attrs:{"slot-key":this.$parent.slotKey}},[n("h1",{attrs:{id:"callout"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#callout"}},[this._v("#")]),this._v(" Callout")]),this._v(" "),n("chart-editor",{attrs:{code:"// \nconst DATA_COUNT = 16;\nconst MIN = 20;\nconst MAX = 100;\n\nUtils.srand(8);\n\nconst labels = [];\nfor (let i = 0; i < DATA_COUNT; ++i) {\n labels.push('' + i);\n}\n\nconst numberCfg = {count: DATA_COUNT, min: MIN, max: MAX};\n\nconst data = {\n labels: labels,\n datasets: [{\n data: Utils.numbers(numberCfg)\n }]\n};\n// \n\n// \nconst annotation1 = {\n type: 'line',\n borderColor: 'rgb(100, 149, 237)',\n borderDash: [6, 6],\n borderDashOffset: 0,\n borderWidth: 3,\n label: {\n display: true,\n backgroundColor: 'rgb(100, 149, 237)',\n content: (ctx) => 'Average: ' + average(ctx).toFixed(2)\n },\n scaleID: 'y',\n value: (ctx) => average(ctx)\n};\n// \n\n// \nconst annotation2 = {\n type: 'line',\n borderColor: 'rgba(102, 102, 102, 0.5)',\n borderDash: [6, 6],\n borderDashOffset: 0,\n borderWidth: 3,\n label: {\n display: true,\n backgroundColor: 'rgba(102, 102, 102, 0.5)',\n borderWidth: 1,\n borderColor: 'rgba(102, 102, 102, 0.5)',\n callout: {\n display: true,\n borderColor: 'rgba(102, 102, 102, 0.5)',\n borderDash: [6, 6],\n borderWidth: 2,\n margin: 0\n },\n color: 'black',\n content: (ctx) => (average(ctx) + standardDeviation(ctx)).toFixed(2),\n position: 'start',\n xAdjust: 100,\n yAdjust: -50\n },\n scaleID: 'y',\n value: (ctx) => average(ctx) + standardDeviation(ctx)\n};\n// \n\n// \nconst annotation3 = {\n type: 'line',\n borderColor: 'rgba(102, 102, 102, 0.5)',\n borderDash: [6, 6],\n borderDashOffset: 0,\n borderWidth: 3,\n label: {\n display: true,\n backgroundColor: 'rgba(102, 102, 102, 0.5)',\n borderWidth: 1,\n borderColor: 'rgba(102, 102, 102, 0.5)',\n callout: {\n display: true,\n borderColor: 'rgba(102, 102, 102, 0.5)',\n borderDash: [6, 6],\n borderWidth: 2,\n margin: 0\n },\n color: 'black',\n content: (ctx) => (average(ctx) - standardDeviation(ctx)).toFixed(2),\n position: 'end',\n xAdjust: -100,\n yAdjust: 50\n },\n scaleID: 'y',\n value: (ctx) => average(ctx) - standardDeviation(ctx)\n};\n// \n\n/* */\nconst config = {\n type: 'line',\n data,\n options: {\n scale: {\n y: {\n beginAtZero: true,\n max: 120,\n min: 0\n }\n },\n plugins: {\n annotation: {\n annotations: {\n annotation1,\n annotation2,\n annotation3\n }\n }\n }\n }\n};\n/* */\n\n// \nfunction average(ctx) {\n const values = ctx.chart.data.datasets[0].data;\n return values.reduce((a, b) => a + b, 0) / values.length;\n}\n\nfunction standardDeviation(ctx) {\n const values = ctx.chart.data.datasets[0].data;\n const n = values.length;\n const mean = average(ctx);\n return Math.sqrt(values.map(x => Math.pow(x - mean, 2)).reduce((a, b) => a + b) / n);\n}\n\n// \n\nconst actions = [\n {\n name: 'Randomize',\n handler: function(chart) {\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data = dataset.data.map(() => Utils.rand(MIN, MAX));\n });\n chart.update();\n }\n },\n {\n name: 'Add data',\n handler: function(chart) {\n chart.data.labels.push(chart.data.labels.length);\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data.push(Utils.rand(MIN, MAX));\n });\n chart.update();\n }\n },\n {\n name: 'Remove data',\n handler: function(chart) {\n chart.data.labels.shift();\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data.shift();\n });\n chart.update();\n }\n }\n];\n\nmodule.exports = {\n actions: actions,\n config: config,\n};\n"}})],1)}),[],!1,null,null,null);t.default=e.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[86],{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/87.92b1a206.js b/master/assets/js/87.6e641f9f.js similarity index 97% rename from master/assets/js/87.92b1a206.js rename to master/assets/js/87.6e641f9f.js index adef509f1..91f57f07b 100644 --- a/master/assets/js/87.92b1a206.js +++ b/master/assets/js/87.6e641f9f.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[87],{505:function(n,t,a){"use strict";a.r(t);var s=a(4),o=Object(s.a)({},(function(){var n=this._self._c;return n("ContentSlotsDistributor",{attrs:{"slot-key":this.$parent.slotKey}},[n("h1",{attrs:{id:"using-canvas-as-labels"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#using-canvas-as-labels"}},[this._v("#")]),this._v(" Using canvas as labels")]),this._v(" "),n("chart-editor",{attrs:{code:"// \nconst DATA_COUNT = 8;\nconst MIN = 10;\nconst MAX = 100;\n\nUtils.srand(8);\n\nconst labels = [];\nfor (let i = 0; i < DATA_COUNT; ++i) {\n labels.push('' + i);\n}\n\nconst numberCfg = {count: DATA_COUNT, min: MIN, max: MAX};\n\nconst data = {\n labels: labels,\n datasets: [{\n data: Utils.numbers(numberCfg)\n }]\n};\n// \n\n// \nconst annotation = {\n type: 'line',\n borderColor: 'black',\n borderWidth: 3,\n scaleID: 'y',\n value: 50,\n label: {\n display: true,\n content: Utils.getHouse(),\n backgroundColor: 'white',\n borderWidth: 3,\n width: '40%',\n height: '40%',\n position: 'end'\n }\n};\n// \n\n/* */\nconst config = {\n type: 'line',\n data,\n options: {\n plugins: {\n annotation: {\n annotations: {\n annotation\n }\n }\n }\n }\n};\n/* */\n\nconst actions = [\n {\n name: 'Randomize',\n handler: function(chart) {\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data = dataset.data.map(() => Utils.rand(MIN, MAX));\n });\n chart.update();\n }\n },\n {\n name: 'Add data',\n handler: function(chart) {\n chart.data.labels.push(chart.data.labels.length);\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data.push(Utils.rand(MIN, MAX));\n });\n chart.update();\n }\n },\n {\n name: 'Remove data',\n handler: function(chart) {\n chart.data.labels.shift();\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data.shift();\n });\n chart.update();\n }\n }\n];\n\nmodule.exports = {\n actions: actions,\n config: config\n};\n"}})],1)}),[],!1,null,null,null);t.default=o.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[87],{504:function(n,t,a){"use strict";a.r(t);var s=a(4),o=Object(s.a)({},(function(){var n=this._self._c;return n("ContentSlotsDistributor",{attrs:{"slot-key":this.$parent.slotKey}},[n("h1",{attrs:{id:"using-canvas-as-labels"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#using-canvas-as-labels"}},[this._v("#")]),this._v(" Using canvas as labels")]),this._v(" "),n("chart-editor",{attrs:{code:"// \nconst DATA_COUNT = 8;\nconst MIN = 10;\nconst MAX = 100;\n\nUtils.srand(8);\n\nconst labels = [];\nfor (let i = 0; i < DATA_COUNT; ++i) {\n labels.push('' + i);\n}\n\nconst numberCfg = {count: DATA_COUNT, min: MIN, max: MAX};\n\nconst data = {\n labels: labels,\n datasets: [{\n data: Utils.numbers(numberCfg)\n }]\n};\n// \n\n// \nconst annotation = {\n type: 'line',\n borderColor: 'black',\n borderWidth: 3,\n scaleID: 'y',\n value: 50,\n label: {\n display: true,\n content: Utils.getHouse(),\n backgroundColor: 'white',\n borderWidth: 3,\n width: '40%',\n height: '40%',\n position: 'end'\n }\n};\n// \n\n/* */\nconst config = {\n type: 'line',\n data,\n options: {\n plugins: {\n annotation: {\n annotations: {\n annotation\n }\n }\n }\n }\n};\n/* */\n\nconst actions = [\n {\n name: 'Randomize',\n handler: function(chart) {\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data = dataset.data.map(() => Utils.rand(MIN, MAX));\n });\n chart.update();\n }\n },\n {\n name: 'Add data',\n handler: function(chart) {\n chart.data.labels.push(chart.data.labels.length);\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data.push(Utils.rand(MIN, MAX));\n });\n chart.update();\n }\n },\n {\n name: 'Remove data',\n handler: function(chart) {\n chart.data.labels.shift();\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data.shift();\n });\n chart.update();\n }\n }\n];\n\nmodule.exports = {\n actions: actions,\n config: config\n};\n"}})],1)}),[],!1,null,null,null);t.default=o.exports}}]); \ No newline at end of file diff --git a/master/assets/js/9.4e7a1ae7.js b/master/assets/js/9.4e7a1ae7.js new file mode 100644 index 000000000..6737a443a --- /dev/null +++ b/master/assets/js/9.4e7a1ae7.js @@ -0,0 +1 @@ +(window.webpackJsonp=window.webpackJsonp||[]).push([[9],{261:function(t,e,o){t.exports=o.p+"assets/img/elementBoxProps.645c7c00.png"},467:function(t,e,o){"use strict";o.r(e);var n=o(4),a=Object(n.a)({},(function(){var t=this,e=t._self._c;return e("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[e("h1",{attrs:{id:"box-annotations"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#box-annotations"}},[t._v("#")]),t._v(" Box Annotations")]),t._v(" "),e("p",[t._v("Box annotations are used to draw rectangles on the chart area. This can be useful for highlighting different areas of a chart.")]),t._v(" "),e("chart-editor",{attrs:{code:"/* */\nconst options = {\n plugins: {\n annotation: {\n annotations: {\n box1: {\n type: 'box',\n xMin: 1,\n xMax: 2,\n yMin: 50,\n yMax: 70,\n backgroundColor: 'rgba(255, 99, 132, 0.25)'\n }\n }\n }\n }\n};\n/* */\n\n/* */\nconst config = {\n type: 'line',\n data: {\n labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July'],\n datasets: [{\n label: 'My First Dataset',\n data: [65, 59, 80, 81, 56, 55, 40],\n fill: false,\n borderColor: 'rgb(75, 192, 192)',\n tension: 0.1\n }]\n },\n options\n};\n/* */\n\nmodule.exports = {\n config\n};\n"}}),e("h2",{attrs:{id:"configuration"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#configuration"}},[t._v("#")]),t._v(" Configuration")]),t._v(" "),e("h3",{attrs:{id:"box-annotation-specific-options"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#box-annotation-specific-options"}},[t._v("#")]),t._v(" Box annotation specific options")]),t._v(" "),e("p",[t._v("The following options are available for box annotations.")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",[t._v("Name")]),t._v(" "),e("th",[t._v("Type")]),t._v(" "),e("th",{staticStyle:{"text-align":"center"}},[e("RouterLink",{attrs:{to:"/guide/options.html#scriptable-options"}},[t._v("Scriptable")])],1),t._v(" "),e("th",[t._v("Default")])])]),t._v(" "),e("tbody",[e("tr",[e("td",[e("a",{attrs:{href:"#styling"}},[e("code",[t._v("backgroundShadowColor")])])]),t._v(" "),e("td",[e("RouterLink",{attrs:{to:"/guide/options.html#color"}},[e("code",[t._v("Color")])])],1),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("'transparent'")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#styling"}},[e("code",[t._v("borderCapStyle")])])]),t._v(" "),e("td",[e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("'butt'")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#styling"}},[e("code",[t._v("borderJoinStyle")])])]),t._v(" "),e("td",[e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("'miter'")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#styling"}},[e("code",[t._v("borderRadius")])])]),t._v(" "),e("td",[e("code",[t._v("number")]),t._v(" | "),e("code",[t._v("object")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("0")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#styling"}},[e("code",[t._v("borderWidth")])])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("1")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#label"}},[e("code",[t._v("label")])])]),t._v(" "),e("td",[e("code",[t._v("object")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td")]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("rotation")])])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("0")])])])])]),t._v(" "),e("h3",{attrs:{id:"common-options-to-all-annotations"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#common-options-to-all-annotations"}},[t._v("#")]),t._v(" Common options to all annotations")]),t._v(" "),e("p",[t._v("The following options are available for all annotations.")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",[t._v("Name")]),t._v(" "),e("th",[t._v("Type")]),t._v(" "),e("th",{staticStyle:{"text-align":"center"}},[e("RouterLink",{attrs:{to:"/guide/options.html#scriptable-options"}},[t._v("Scriptable")])],1),t._v(" "),e("th",[t._v("Default")])])]),t._v(" "),e("tbody",[e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("adjustScaleRange")])])]),t._v(" "),e("td",[e("code",[t._v("boolean")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("true")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#styling"}},[e("code",[t._v("backgroundColor")])])]),t._v(" "),e("td",[e("RouterLink",{attrs:{to:"/guide/options.html#color"}},[e("code",[t._v("Color")])])],1),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("options.color")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#styling"}},[e("code",[t._v("borderColor")])])]),t._v(" "),e("td",[e("RouterLink",{attrs:{to:"/guide/options.html#color"}},[e("code",[t._v("Color")])])],1),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("options.color")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#styling"}},[e("code",[t._v("borderDash")])])]),t._v(" "),e("td",[e("code",[t._v("number[]")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("[]")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#styling"}},[e("code",[t._v("borderDashOffset")])])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("0")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#styling"}},[e("code",[t._v("borderShadowColor")])])]),t._v(" "),e("td",[e("RouterLink",{attrs:{to:"/guide/options.html#color"}},[e("code",[t._v("Color")])])],1),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("'transparent'")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("display")])])]),t._v(" "),e("td",[e("code",[t._v("boolean")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("true")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("drawTime")])])]),t._v(" "),e("td",[e("code",[t._v("string")]),t._v("|"),e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("'afterDatasetsDraw'")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("hitTolerance")])])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("0")])])]),t._v(" "),e("tr",[e("td",[e("RouterLink",{attrs:{to:"/guide/configuration.html#common"}},[e("code",[t._v("init")])])],1),t._v(" "),e("td",[e("code",[t._v("boolean")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("RouterLink",{attrs:{to:"/guide/configuration.html#initial-animation"}},[t._v("See initial animation")])],1),t._v(" "),e("td",[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("id")])])]),t._v(" "),e("td",[e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("No")]),t._v(" "),e("td",[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#styling"}},[e("code",[t._v("shadowBlur")])])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("0")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#styling"}},[e("code",[t._v("shadowOffsetX")])])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("0")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#styling"}},[e("code",[t._v("shadowOffsetY")])])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("0")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("xMax")])])]),t._v(" "),e("td",[e("code",[t._v("number")]),t._v(" | "),e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("xMin")])])]),t._v(" "),e("td",[e("code",[t._v("number")]),t._v(" | "),e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("xScaleID")])])]),t._v(" "),e("td",[e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("yMin")])])]),t._v(" "),e("td",[e("code",[t._v("number")]),t._v(" | "),e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("yMax")])])]),t._v(" "),e("td",[e("code",[t._v("number")]),t._v(" | "),e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("yScaleID")])])]),t._v(" "),e("td",[e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("z")])])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("0")])])])])]),t._v(" "),e("h3",{attrs:{id:"general"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#general"}},[t._v("#")]),t._v(" General")]),t._v(" "),e("p",[t._v("If one of the axes does not match an axis in the chart, the box will take the entire chart dimension. The 4 coordinates, xMin, xMax, yMin, yMax are optional. If not specified, the box is expanded out to the edges in the respective direction.")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",[t._v("Name")]),t._v(" "),e("th",[t._v("Description")])])]),t._v(" "),e("tbody",[e("tr",[e("td",[e("code",[t._v("adjustScaleRange")])]),t._v(" "),e("td",[t._v("Should the scale range be adjusted if this annotation is out of range.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("display")])]),t._v(" "),e("td",[t._v("Whether or not this annotation is visible.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("drawTime")])]),t._v(" "),e("td",[t._v("See "),e("RouterLink",{attrs:{to:"/guide/options.html#draw-time"}},[t._v("drawTime")]),t._v(".")],1)]),t._v(" "),e("tr",[e("td",[e("code",[t._v("hitTolerance")])]),t._v(" "),e("td",[t._v("Amount of pixels to interact with annotations within some distance of the mouse point.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("id")])]),t._v(" "),e("td",[t._v("Identifies a unique id for the annotation and it will be stored in the element context. When the annotations are defined by an object, the id is automatically set using the key used to store the annotations in the object. When the annotations are configured by an array, the id, passed by this option in the annotation, will be used.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("rotation")])]),t._v(" "),e("td",[t._v("Rotation of the box in degrees.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("xMax")])]),t._v(" "),e("td",[t._v("Right edge of the box in units along the x axis.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("xMin")])]),t._v(" "),e("td",[t._v("Left edge of the box in units along the x axis.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("xScaleID")])]),t._v(" "),e("td",[t._v("ID of the X scale to bind onto. If missing, the plugin will try to use the scale of the chart, configured as "),e("code",[t._v("'x'")]),t._v(" axis. If more than one scale has been defined in the chart as "),e("code",[t._v("'x'")]),t._v(" axis, the option is mandatory to select the right scale.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("yMax")])]),t._v(" "),e("td",[t._v("Bottom edge of the box in units along the y axis.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("yMin")])]),t._v(" "),e("td",[t._v("Top edge of the box in units along the y axis.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("yScaleID")])]),t._v(" "),e("td",[t._v("ID of the Y scale to bind onto. If missing, the plugin will try to use the scale of the chart, configured as "),e("code",[t._v("'y'")]),t._v(" axis. If more than one scale has been defined in the chart as "),e("code",[t._v("'y'")]),t._v(" axis, the option is mandatory to select the right scale.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("z")])]),t._v(" "),e("td",[t._v("The "),e("code",[t._v("z")]),t._v(" property determines the drawing stack level of the box annotation element. All visible elements will be drawn in ascending order of "),e("code",[t._v("z")]),t._v(" option, with the same "),e("code",[t._v("drawTime")]),t._v(" option.")])])])]),t._v(" "),e("h3",{attrs:{id:"styling"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#styling"}},[t._v("#")]),t._v(" Styling")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",[t._v("Name")]),t._v(" "),e("th",[t._v("Description")])])]),t._v(" "),e("tbody",[e("tr",[e("td",[e("code",[t._v("backgroundColor")])]),t._v(" "),e("td",[t._v("Fill color.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("backgroundShadowColor")])]),t._v(" "),e("td",[t._v("The color of shadow. See "),e("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/shadowColor",target:"_blank",rel:"noopener noreferrer"}},[t._v("MDN"),e("OutboundLink")],1),t._v(".")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("borderCapStyle")])]),t._v(" "),e("td",[t._v("Cap style of the border line. See "),e("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/lineCap",target:"_blank",rel:"noopener noreferrer"}},[t._v("MDN"),e("OutboundLink")],1),t._v(".")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("borderColor")])]),t._v(" "),e("td",[t._v("Stroke color.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("borderDash")])]),t._v(" "),e("td",[t._v("Length and spacing of dashes. See "),e("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/setLineDash",target:"_blank",rel:"noopener noreferrer"}},[t._v("MDN"),e("OutboundLink")],1),t._v(".")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("borderDashOffset")])]),t._v(" "),e("td",[t._v("Offset for border line dashes. See "),e("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/lineDashOffset",target:"_blank",rel:"noopener noreferrer"}},[t._v("MDN"),e("OutboundLink")],1),t._v(".")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("borderJoinStyle")])]),t._v(" "),e("td",[t._v("Border line join style. See "),e("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/lineJoin",target:"_blank",rel:"noopener noreferrer"}},[t._v("MDN"),e("OutboundLink")],1),t._v(".")])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#borderradius"}},[e("code",[t._v("borderRadius")])])]),t._v(" "),e("td",[t._v("Radius of box rectangle (in pixels).")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("borderShadowColor")])]),t._v(" "),e("td",[t._v("The color of the border shadow. See "),e("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/shadowColor",target:"_blank",rel:"noopener noreferrer"}},[t._v("MDN"),e("OutboundLink")],1),t._v(".")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("borderWidth")])]),t._v(" "),e("td",[t._v("Border line width (in pixels).")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("shadowBlur")])]),t._v(" "),e("td",[t._v("The amount of blur applied to shadow. See "),e("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/shadowBlur",target:"_blank",rel:"noopener noreferrer"}},[t._v("MDN"),e("OutboundLink")],1),t._v(".")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("shadowOffsetX")])]),t._v(" "),e("td",[t._v("The distance that shadow will be offset horizontally. See "),e("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/shadowOffsetX",target:"_blank",rel:"noopener noreferrer"}},[t._v("MDN"),e("OutboundLink")],1),t._v(".")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("shadowOffsetY")])]),t._v(" "),e("td",[t._v("The distance that shadow will be offset vertically. See "),e("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/shadowOffsetY",target:"_blank",rel:"noopener noreferrer"}},[t._v("MDN"),e("OutboundLink")],1),t._v(".")])])])]),t._v(" "),e("h4",{attrs:{id:"borderradius"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#borderradius"}},[t._v("#")]),t._v(" borderRadius")]),t._v(" "),e("p",[t._v("If this value is a number, it is applied to all corners of the rectangle (topLeft, topRight, bottomLeft, bottomRight). If this value is an object, the "),e("code",[t._v("topLeft")]),t._v(" property defines the top-left corners border radius. Similarly, the "),e("code",[t._v("topRight")]),t._v(", "),e("code",[t._v("bottomLeft")]),t._v(", and "),e("code",[t._v("bottomRight")]),t._v(" properties can also be specified. Omitted corners have radius of 0.")]),t._v(" "),e("h2",{attrs:{id:"label"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#label"}},[t._v("#")]),t._v(" Label")]),t._v(" "),e("p",[t._v("Namespace: "),e("code",[t._v("options.annotations[annotationID].label")]),t._v(", it defines options for the the label of annotation.")]),t._v(" "),e("p",[t._v("All of these options can be "),e("RouterLink",{attrs:{to:"/guide/options.html#scriptable-options"}},[t._v("Scriptable")])],1),t._v(" "),e("table",[e("thead",[e("tr",[e("th",[t._v("Name")]),t._v(" "),e("th",[t._v("Type")]),t._v(" "),e("th",{staticStyle:{"text-align":"center"}},[t._v("Default")]),t._v(" "),e("th",[t._v("Notes")])])]),t._v(" "),e("tbody",[e("tr",[e("td",[e("a",{attrs:{href:"#fonts-and-colors"}},[e("code",[t._v("color")])])]),t._v(" "),e("td",[e("a",{attrs:{href:"../options#color"}},[e("code",[t._v("Color")]),t._v("|"),e("code",[t._v("Color[]")])])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("code",[t._v("'black'")])]),t._v(" "),e("td",[t._v("Text color.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("content")])]),t._v(" "),e("td",[e("code",[t._v("string")]),t._v("|"),e("code",[t._v("string[]")]),t._v("|"),e("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/HTMLImageElement/Image",target:"_blank",rel:"noopener noreferrer"}},[e("code",[t._v("Image")]),e("OutboundLink")],1),t._v("|"),e("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/HTMLCanvasElement",target:"_blank",rel:"noopener noreferrer"}},[e("code",[t._v("HTMLCanvasElement")]),e("OutboundLink")],1)]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("code",[t._v("null")])]),t._v(" "),e("td",[t._v("The content to show in the label.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("display")])]),t._v(" "),e("td",[e("code",[t._v("boolean")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("code",[t._v("false")])]),t._v(" "),e("td",[t._v("Whether or not the label is shown.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("drawTime")])]),t._v(" "),e("td",[e("code",[t._v("string")]),t._v("|"),e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("code",[t._v("options.drawTime")])]),t._v(" "),e("td",[t._v("See "),e("a",{attrs:{href:"../options#draw-time"}},[t._v("drawTime")]),t._v(". Defaults to the annotation draw time if unset")])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#fonts-and-colors"}},[e("code",[t._v("font")])])]),t._v(" "),e("td",[e("a",{attrs:{href:"../options#font"}},[e("code",[t._v("Font")]),t._v("|"),e("code",[t._v("Font[]")])])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("code",[t._v("{ weight: 'bold' }")])]),t._v(" "),e("td",[t._v("Label font")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("height")])]),t._v(" "),e("td",[e("code",[t._v("number")]),t._v("|"),e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("code",[t._v("undefined")])]),t._v(" "),e("td",[t._v("Overrides the height of the image or canvas element. Could be set in pixel by a number, or in percentage of current height of image or canvas element by a string. If undefined, uses the height of the image or canvas element. It is used only when the content is an image or canvas element.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("hitTolerance")])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("code",[t._v("undefined")])]),t._v(" "),e("td",[t._v("Amount of pixels to interact with annotations within some distance of the mouse point.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("opacity")])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("code",[t._v("undefined")])]),t._v(" "),e("td",[t._v("Overrides the opacity of the image or canvas element. Could be set a number in the range 0.0 to 1.0, inclusive. If undefined, uses the opacity of the image or canvas element. It is used only when the content is an image or canvas element.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("padding")])]),t._v(" "),e("td",[e("RouterLink",{attrs:{to:"/guide/options.html#padding"}},[e("code",[t._v("Padding")])])],1),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("code",[t._v("6")])]),t._v(" "),e("td",[t._v("The padding to add around the text label.")])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#position"}},[e("code",[t._v("position")])])]),t._v(" "),e("td",[e("code",[t._v("string")]),t._v("|"),e("code",[t._v("{x: string, y: string}")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("code",[t._v("'center'")])]),t._v(" "),e("td",[t._v("Anchor position of label in the annotation.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("rotation")])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("code",[t._v("undefined")])]),t._v(" "),e("td",[t._v("Rotation of label, in degrees. If "),e("code",[t._v("undefined")]),t._v(", the annotation rotation is used.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("textAlign")])]),t._v(" "),e("td",[e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("code",[t._v("'start'")])]),t._v(" "),e("td",[t._v("Text alignment of label content when there's more than one line. Possible options are: "),e("code",[t._v("'left'")]),t._v(", "),e("code",[t._v("'start'")]),t._v(", "),e("code",[t._v("'center'")]),t._v(", "),e("code",[t._v("'end'")]),t._v(", "),e("code",[t._v("'right'")]),t._v(".")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("textStrokeColor")])]),t._v(" "),e("td",[e("RouterLink",{attrs:{to:"/guide/options.html#color"}},[e("code",[t._v("Color")])])],1),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("code",[t._v("undefined")])]),t._v(" "),e("td",[t._v("The color of the stroke around the text.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("textStrokeWidth")])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("code",[t._v("0")])]),t._v(" "),e("td",[t._v("Stroke width around the text.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("width")])]),t._v(" "),e("td",[e("code",[t._v("number")]),t._v("|"),e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("code",[t._v("undefined")])]),t._v(" "),e("td",[t._v("Overrides the width of the image or canvas element. Could be set in pixel by a number, or in percentage of current width of image or canvas element by a string. If undefined, uses the width of the image or canvas element. It is used only when the content is an image or canvas element.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("xAdjust")])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("code",[t._v("0")])]),t._v(" "),e("td",[t._v("Adjustment along x-axis (left-right) of label relative to computed position. Negative values move the label left, positive right.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("yAdjust")])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("code",[t._v("0")])]),t._v(" "),e("td",[t._v("Adjustment along y-axis (top-bottom) of label relative to computed position. Negative values move the label up, positive down.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("z")])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("code",[t._v("0")])]),t._v(" "),e("td",[t._v("It determines the drawing stack level of the label element, with same "),e("code",[t._v("drawTime")]),t._v(".")])])])]),t._v(" "),e("h3",{attrs:{id:"position"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#position"}},[t._v("#")]),t._v(" Position")]),t._v(" "),e("p",[t._v("A position can be set in 2 different values types:")]),t._v(" "),e("ol",[e("li",[e("code",[t._v("'start'")]),t._v(", "),e("code",[t._v("'center'")]),t._v(", "),e("code",[t._v("'end'")]),t._v(" which are defining where the label will be located")]),t._v(" "),e("li",[t._v("a "),e("code",[t._v("string")]),t._v(", in percentage format "),e("code",[t._v("'number%'")]),t._v(", is representing the percentage on the size where the label will be located")])]),t._v(" "),e("p",[t._v("If this value is a string (possible options are "),e("code",[t._v("'start'")]),t._v(", "),e("code",[t._v("'center'")]),t._v(", "),e("code",[t._v("'end'")]),t._v(" or a string in percentage format), it is applied to vertical and horizontal position in the annotation.")]),t._v(" "),e("p",[t._v("If this value is an object, the "),e("code",[t._v("x")]),t._v(" property defines the horizontal alignment in the annotation. Similarly, the "),e("code",[t._v("y")]),t._v(" property defines the vertical alignment in the annotation. Possible options for both properties are "),e("code",[t._v("'start'")]),t._v(", "),e("code",[t._v("'center'")]),t._v(", "),e("code",[t._v("'end'")]),t._v(", a string in percentage format. Omitted property have value of the default, "),e("code",[t._v("'center'")]),t._v(".")]),t._v(" "),e("h3",{attrs:{id:"fonts-and-colors"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#fonts-and-colors"}},[t._v("#")]),t._v(" Fonts and colors")]),t._v(" "),e("p",[t._v("When the label to draw has multiple lines, you can use different font and color for each line of the label. This is enabled configuring an array of fonts or colors for those options. When the lines are more than the configured fonts of colors, the last configuration of those options is used for all remaining lines.")]),t._v(" "),e("h2",{attrs:{id:"element"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#element"}},[t._v("#")]),t._v(" Element")]),t._v(" "),e("p",[t._v("The following diagram is showing the element properties about a "),e("code",[t._v("'box'")]),t._v(" annotation:")]),t._v(" "),e("p",[e("img",{attrs:{src:o(261),alt:"box"}})]),t._v(" "),e("p",[t._v("The label of a box annotation is described as a "),e("RouterLink",{attrs:{to:"/guide/types/label.html#element"}},[t._v("label annotation")]),t._v(" and accessible by "),e("code",[t._v("element.label")]),t._v(".")],1)],1)}),[],!1,null,null,null);e.default=a.exports}}]); \ No newline at end of file diff --git a/master/assets/js/9.ca7b24b7.js b/master/assets/js/9.ca7b24b7.js deleted file mode 100644 index 80570d047..000000000 --- a/master/assets/js/9.ca7b24b7.js +++ /dev/null @@ -1 +0,0 @@ -(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("a",{attrs:{href:"#general"}},[e("code",[t._v("hitTolerance")])])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("0")])])]),t._v(" "),e("tr",[e("td",[e("RouterLink",{attrs:{to:"/guide/configuration.html#common"}},[e("code",[t._v("init")])])],1),t._v(" "),e("td",[e("code",[t._v("boolean")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("RouterLink",{attrs:{to:"/guide/configuration.html#initial-animation"}},[t._v("See initial animation")])],1),t._v(" "),e("td",[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("id")])])]),t._v(" "),e("td",[e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("No")]),t._v(" "),e("td",[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#styling"}},[e("code",[t._v("shadowBlur")])])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("0")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#styling"}},[e("code",[t._v("shadowOffsetX")])])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("0")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#styling"}},[e("code",[t._v("shadowOffsetY")])])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("0")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("xMax")])])]),t._v(" "),e("td",[e("code",[t._v("number")]),t._v(" | "),e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("xMin")])])]),t._v(" "),e("td",[e("code",[t._v("number")]),t._v(" | "),e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("xScaleID")])])]),t._v(" "),e("td",[e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("yMin")])])]),t._v(" "),e("td",[e("code",[t._v("number")]),t._v(" | "),e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("yMax")])])]),t._v(" "),e("td",[e("code",[t._v("number")]),t._v(" | "),e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("yScaleID")])])]),t._v(" "),e("td",[e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("z")])])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("0")])])])])]),t._v(" "),e("h3",{attrs:{id:"general"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#general"}},[t._v("#")]),t._v(" General")]),t._v(" "),e("p",[t._v("If one of the axes does not match an axis in the chart, the box will take the entire chart dimension. The 4 coordinates, xMin, xMax, yMin, yMax are optional. If not specified, the box is expanded out to the edges in the respective direction.")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",[t._v("Name")]),t._v(" "),e("th",[t._v("Description")])])]),t._v(" "),e("tbody",[e("tr",[e("td",[e("code",[t._v("adjustScaleRange")])]),t._v(" "),e("td",[t._v("Should the scale range be adjusted if this annotation is out of range.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("display")])]),t._v(" "),e("td",[t._v("Whether or not this annotation is visible.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("drawTime")])]),t._v(" "),e("td",[t._v("See "),e("RouterLink",{attrs:{to:"/guide/options.html#draw-time"}},[t._v("drawTime")]),t._v(".")],1)]),t._v(" "),e("tr",[e("td",[e("code",[t._v("hitTolerance")])]),t._v(" "),e("td",[t._v("Amount of pixels to interact with annotations within some distance of the mouse point.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("id")])]),t._v(" "),e("td",[t._v("Identifies a unique id for the annotation and it will be stored in the element context. When the annotations are defined by an object, the id is automatically set using the key used to store the annotations in the object. When the annotations are configured by an array, the id, passed by this option in the annotation, will be used.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("rotation")])]),t._v(" "),e("td",[t._v("Rotation of the box in degrees.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("xMax")])]),t._v(" "),e("td",[t._v("Right edge of the box in units along the x axis.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("xMin")])]),t._v(" "),e("td",[t._v("Left edge of the box in units along the x axis.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("xScaleID")])]),t._v(" "),e("td",[t._v("ID of the X scale to bind onto. If missing, the plugin will try to use the scale of the chart, configured as "),e("code",[t._v("'x'")]),t._v(" axis. If more than one scale has been defined in the chart as "),e("code",[t._v("'x'")]),t._v(" axis, the option is mandatory to select the right scale.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("yMax")])]),t._v(" "),e("td",[t._v("Bottom edge of the box in units along the y axis.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("yMin")])]),t._v(" "),e("td",[t._v("Top edge of the box in units along the y axis.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("yScaleID")])]),t._v(" "),e("td",[t._v("ID of the Y scale to bind onto. If missing, the plugin will try to use the scale of the chart, configured as "),e("code",[t._v("'y'")]),t._v(" axis. If more than one scale has been defined in the chart as "),e("code",[t._v("'y'")]),t._v(" axis, the option is mandatory to select the right scale.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("z")])]),t._v(" "),e("td",[t._v("The "),e("code",[t._v("z")]),t._v(" property determines the drawing stack level of the box annotation element. All visible elements will be drawn in ascending order of "),e("code",[t._v("z")]),t._v(" option, with the same "),e("code",[t._v("drawTime")]),t._v(" option.")])])])]),t._v(" "),e("h3",{attrs:{id:"styling"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#styling"}},[t._v("#")]),t._v(" Styling")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",[t._v("Name")]),t._v(" "),e("th",[t._v("Description")])])]),t._v(" "),e("tbody",[e("tr",[e("td",[e("code",[t._v("backgroundColor")])]),t._v(" "),e("td",[t._v("Fill color.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("backgroundShadowColor")])]),t._v(" "),e("td",[t._v("The color of shadow. See "),e("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/shadowColor",target:"_blank",rel:"noopener noreferrer"}},[t._v("MDN"),e("OutboundLink")],1),t._v(".")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("borderCapStyle")])]),t._v(" "),e("td",[t._v("Cap style of the border line. See "),e("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/lineCap",target:"_blank",rel:"noopener noreferrer"}},[t._v("MDN"),e("OutboundLink")],1),t._v(".")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("borderColor")])]),t._v(" "),e("td",[t._v("Stroke color.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("borderDash")])]),t._v(" "),e("td",[t._v("Length and spacing of dashes. See "),e("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/setLineDash",target:"_blank",rel:"noopener noreferrer"}},[t._v("MDN"),e("OutboundLink")],1),t._v(".")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("borderDashOffset")])]),t._v(" "),e("td",[t._v("Offset for border line dashes. See "),e("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/lineDashOffset",target:"_blank",rel:"noopener noreferrer"}},[t._v("MDN"),e("OutboundLink")],1),t._v(".")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("borderJoinStyle")])]),t._v(" "),e("td",[t._v("Border line join style. See "),e("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/lineJoin",target:"_blank",rel:"noopener noreferrer"}},[t._v("MDN"),e("OutboundLink")],1),t._v(".")])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#borderradius"}},[e("code",[t._v("borderRadius")])])]),t._v(" "),e("td",[t._v("Radius of box rectangle (in pixels).")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("borderShadowColor")])]),t._v(" "),e("td",[t._v("The color of the border shadow. See "),e("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/shadowColor",target:"_blank",rel:"noopener noreferrer"}},[t._v("MDN"),e("OutboundLink")],1),t._v(".")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("borderWidth")])]),t._v(" "),e("td",[t._v("Border line width (in pixels).")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("shadowBlur")])]),t._v(" "),e("td",[t._v("The amount of blur applied to shadow. See "),e("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/shadowBlur",target:"_blank",rel:"noopener noreferrer"}},[t._v("MDN"),e("OutboundLink")],1),t._v(".")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("shadowOffsetX")])]),t._v(" "),e("td",[t._v("The distance that shadow will be offset horizontally. See "),e("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/shadowOffsetX",target:"_blank",rel:"noopener noreferrer"}},[t._v("MDN"),e("OutboundLink")],1),t._v(".")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("shadowOffsetY")])]),t._v(" "),e("td",[t._v("The distance that shadow will be offset vertically. See "),e("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/shadowOffsetY",target:"_blank",rel:"noopener noreferrer"}},[t._v("MDN"),e("OutboundLink")],1),t._v(".")])])])]),t._v(" "),e("h4",{attrs:{id:"borderradius"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#borderradius"}},[t._v("#")]),t._v(" borderRadius")]),t._v(" "),e("p",[t._v("If this value is a number, it is applied to all corners of the rectangle (topLeft, topRight, bottomLeft, bottomRight). If this value is an object, the "),e("code",[t._v("topLeft")]),t._v(" property defines the top-left corners border radius. Similarly, the "),e("code",[t._v("topRight")]),t._v(", "),e("code",[t._v("bottomLeft")]),t._v(", and "),e("code",[t._v("bottomRight")]),t._v(" properties can also be specified. Omitted corners have radius of 0.")]),t._v(" "),e("h2",{attrs:{id:"label"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#label"}},[t._v("#")]),t._v(" Label")]),t._v(" "),e("p",[t._v("Namespace: "),e("code",[t._v("options.annotations[annotationID].label")]),t._v(", it defines options for the the label of annotation.")]),t._v(" "),e("p",[t._v("All of these options can be "),e("RouterLink",{attrs:{to:"/guide/options.html#scriptable-options"}},[t._v("Scriptable")])],1),t._v(" "),e("table",[e("thead",[e("tr",[e("th",[t._v("Name")]),t._v(" "),e("th",[t._v("Type")]),t._v(" "),e("th",{staticStyle:{"text-align":"center"}},[t._v("Default")]),t._v(" "),e("th",[t._v("Notes")])])]),t._v(" "),e("tbody",[e("tr",[e("td",[e("a",{attrs:{href:"#fonts-and-colors"}},[e("code",[t._v("color")])])]),t._v(" "),e("td",[e("a",{attrs:{href:"../options#color"}},[e("code",[t._v("Color")]),t._v("|"),e("code",[t._v("Color[]")])])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("code",[t._v("'black'")])]),t._v(" "),e("td",[t._v("Text color.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("content")])]),t._v(" "),e("td",[e("code",[t._v("string")]),t._v("|"),e("code",[t._v("string[]")]),t._v("|"),e("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/HTMLImageElement/Image",target:"_blank",rel:"noopener noreferrer"}},[e("code",[t._v("Image")]),e("OutboundLink")],1),t._v("|"),e("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/HTMLCanvasElement",target:"_blank",rel:"noopener noreferrer"}},[e("code",[t._v("HTMLCanvasElement")]),e("OutboundLink")],1)]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("code",[t._v("null")])]),t._v(" "),e("td",[t._v("The content to show in the label.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("display")])]),t._v(" "),e("td",[e("code",[t._v("boolean")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("code",[t._v("false")])]),t._v(" "),e("td",[t._v("Whether or not the label is shown.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("drawTime")])]),t._v(" "),e("td",[e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("code",[t._v("options.drawTime")])]),t._v(" "),e("td",[t._v("See "),e("a",{attrs:{href:"../options#draw-time"}},[t._v("drawTime")]),t._v(". Defaults to the annotation draw time if unset")])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#fonts-and-colors"}},[e("code",[t._v("font")])])]),t._v(" "),e("td",[e("a",{attrs:{href:"../options#font"}},[e("code",[t._v("Font")]),t._v("|"),e("code",[t._v("Font[]")])])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("code",[t._v("{ weight: 'bold' }")])]),t._v(" "),e("td",[t._v("Label font")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("height")])]),t._v(" "),e("td",[e("code",[t._v("number")]),t._v("|"),e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("code",[t._v("undefined")])]),t._v(" "),e("td",[t._v("Overrides the height of the image or canvas element. Could be set in pixel by a number, or in percentage of current height of image or canvas element by a string. If undefined, uses the height of the image or canvas element. It is used only when the content is an image or canvas element.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("hitTolerance")])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("code",[t._v("undefined")])]),t._v(" "),e("td",[t._v("Amount of pixels to interact with annotations within some distance of the mouse point.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("opacity")])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("code",[t._v("undefined")])]),t._v(" "),e("td",[t._v("Overrides the opacity of the image or canvas element. Could be set a number in the range 0.0 to 1.0, inclusive. If undefined, uses the opacity of the image or canvas element. It is used only when the content is an image or canvas element.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("padding")])]),t._v(" "),e("td",[e("RouterLink",{attrs:{to:"/guide/options.html#padding"}},[e("code",[t._v("Padding")])])],1),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("code",[t._v("6")])]),t._v(" "),e("td",[t._v("The padding to add around the text label.")])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#position"}},[e("code",[t._v("position")])])]),t._v(" "),e("td",[e("code",[t._v("string")]),t._v("|"),e("code",[t._v("{x: string, y: string}")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("code",[t._v("'center'")])]),t._v(" "),e("td",[t._v("Anchor position of label in the annotation.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("rotation")])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("code",[t._v("undefined")])]),t._v(" "),e("td",[t._v("Rotation of label, in degrees. If "),e("code",[t._v("undefined")]),t._v(", the annotation rotation is used.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("textAlign")])]),t._v(" "),e("td",[e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("code",[t._v("'start'")])]),t._v(" "),e("td",[t._v("Text alignment of label content when there's more than one line. Possible options are: "),e("code",[t._v("'left'")]),t._v(", "),e("code",[t._v("'start'")]),t._v(", "),e("code",[t._v("'center'")]),t._v(", "),e("code",[t._v("'end'")]),t._v(", "),e("code",[t._v("'right'")]),t._v(".")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("textStrokeColor")])]),t._v(" "),e("td",[e("RouterLink",{attrs:{to:"/guide/options.html#color"}},[e("code",[t._v("Color")])])],1),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("code",[t._v("undefined")])]),t._v(" "),e("td",[t._v("The color of the stroke around the text.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("textStrokeWidth")])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("code",[t._v("0")])]),t._v(" "),e("td",[t._v("Stroke width around the text.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("width")])]),t._v(" "),e("td",[e("code",[t._v("number")]),t._v("|"),e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("code",[t._v("undefined")])]),t._v(" "),e("td",[t._v("Overrides the width of the image or canvas element. Could be set in pixel by a number, or in percentage of current width of image or canvas element by a string. If undefined, uses the width of the image or canvas element. It is used only when the content is an image or canvas element.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("xAdjust")])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("code",[t._v("0")])]),t._v(" "),e("td",[t._v("Adjustment along x-axis (left-right) of label relative to computed position. Negative values move the label left, positive right.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("yAdjust")])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("code",[t._v("0")])]),t._v(" "),e("td",[t._v("Adjustment along y-axis (top-bottom) of label relative to computed position. Negative values move the label up, positive down.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("z")])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("code",[t._v("0")])]),t._v(" "),e("td",[t._v("It determines the drawing stack level of the label element, with same "),e("code",[t._v("drawTime")]),t._v(".")])])])]),t._v(" "),e("h3",{attrs:{id:"position"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#position"}},[t._v("#")]),t._v(" Position")]),t._v(" "),e("p",[t._v("A position can be set in 2 different values types:")]),t._v(" "),e("ol",[e("li",[e("code",[t._v("'start'")]),t._v(", "),e("code",[t._v("'center'")]),t._v(", "),e("code",[t._v("'end'")]),t._v(" which are defining where the label will be located")]),t._v(" "),e("li",[t._v("a "),e("code",[t._v("string")]),t._v(", in percentage format "),e("code",[t._v("'number%'")]),t._v(", is representing the percentage on the size where the label will be located")])]),t._v(" "),e("p",[t._v("If this value is a string (possible options are "),e("code",[t._v("'start'")]),t._v(", "),e("code",[t._v("'center'")]),t._v(", "),e("code",[t._v("'end'")]),t._v(" or a string in percentage format), it is applied to vertical and horizontal position in the annotation.")]),t._v(" "),e("p",[t._v("If this value is an object, the "),e("code",[t._v("x")]),t._v(" property defines the horizontal alignment in the annotation. Similarly, the "),e("code",[t._v("y")]),t._v(" property defines the vertical alignment in the annotation. Possible options for both properties are "),e("code",[t._v("'start'")]),t._v(", "),e("code",[t._v("'center'")]),t._v(", "),e("code",[t._v("'end'")]),t._v(", a string in percentage format. Omitted property have value of the default, "),e("code",[t._v("'center'")]),t._v(".")]),t._v(" "),e("h3",{attrs:{id:"fonts-and-colors"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#fonts-and-colors"}},[t._v("#")]),t._v(" Fonts and colors")]),t._v(" "),e("p",[t._v("When the label to draw has multiple lines, you can use different font and color for each line of the label. This is enabled configuring an array of fonts or colors for those options. When the lines are more than the configured fonts of colors, the last configuration of those options is used for all remaining lines.")]),t._v(" "),e("h2",{attrs:{id:"element"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#element"}},[t._v("#")]),t._v(" Element")]),t._v(" "),e("p",[t._v("The following diagram is showing the element properties about a "),e("code",[t._v("'box'")]),t._v(" annotation:")]),t._v(" "),e("p",[e("img",{attrs:{src:o(261),alt:"box"}})]),t._v(" "),e("p",[t._v("The label of a box annotation is described as a "),e("RouterLink",{attrs:{to:"/guide/types/label.html#element"}},[t._v("label annotation")]),t._v(" and accessible by "),e("code",[t._v("element.label")]),t._v(".")],1)],1)}),[],!1,null,null,null);e.default=a.exports}}]); \ No newline at end of file diff --git a/master/assets/js/96.41ea0cae.js b/master/assets/js/96.bce9cd31.js similarity index 97% rename from master/assets/js/96.41ea0cae.js rename to master/assets/js/96.bce9cd31.js index 209ae742f..4b086d20e 100644 --- a/master/assets/js/96.41ea0cae.js +++ b/master/assets/js/96.bce9cd31.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[96],{515:function(n,t,a){"use strict";a.r(t);var i=a(4),s=Object(i.a)({},(function(){var n=this._self._c;return n("ContentSlotsDistributor",{attrs:{"slot-key":this.$parent.slotKey}},[n("h1",{attrs:{id:"line-visibility"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#line-visibility"}},[this._v("#")]),this._v(" Line visibility")]),this._v(" "),n("chart-editor",{attrs:{code:"// \nconst DATA_COUNT = 6;\nconst MIN = 10;\nconst MAX = 100;\n\nUtils.srand(8);\nconst jointValue = Utils.rand(MIN, MAX);\n\nconst dataCfg = Utils.numbers({count: DATA_COUNT, min: MIN, max: MAX});\ndataCfg.push(jointValue, NaN, NaN, NaN, NaN, NaN, NaN);\n\nconst futureCfg = Utils.numbers({count: DATA_COUNT - 1, min: MIN, max: MAX});\nfutureCfg.splice(0, 0, NaN, NaN, NaN, NaN, NaN, NaN, jointValue);\n\nconst data = {\n labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'],\n datasets: [{\n data: dataCfg\n }, {\n data: futureCfg,\n borderDash: [6, 6]\n }]\n};\n// \n\n// \nconst annotation = {\n type: 'line',\n borderColor: 'black',\n borderWidth: 1,\n display: (ctx) => ctx.chart.isDatasetVisible(1),\n label: {\n display: true,\n content: 'Now',\n position: 'start'\n },\n scaleID: 'x',\n value: 'July'\n};\n// \n\n/* */\nconst config = {\n type: 'line',\n data,\n options: {\n plugins: {\n annotation: {\n annotations: {\n annotation\n }\n }\n }\n }\n};\n/* */\n\nconst actions = [\n {\n name: 'Toggle annotation',\n handler: function(chart) {\n const visible = chart.isDatasetVisible(1);\n if (visible) {\n chart.options.scales.x.max = 'July';\n } else {\n chart.options.scales.x.max = undefined;\n }\n chart.setDatasetVisibility(1, !visible);\n chart.update();\n }\n }\n];\n\nmodule.exports = {\n actions: actions,\n config: config,\n};\n"}})],1)}),[],!1,null,null,null);t.default=s.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[96],{514:function(n,t,a){"use strict";a.r(t);var i=a(4),s=Object(i.a)({},(function(){var n=this._self._c;return n("ContentSlotsDistributor",{attrs:{"slot-key":this.$parent.slotKey}},[n("h1",{attrs:{id:"line-visibility"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#line-visibility"}},[this._v("#")]),this._v(" Line visibility")]),this._v(" "),n("chart-editor",{attrs:{code:"// \nconst DATA_COUNT = 6;\nconst MIN = 10;\nconst MAX = 100;\n\nUtils.srand(8);\nconst jointValue = Utils.rand(MIN, MAX);\n\nconst dataCfg = Utils.numbers({count: DATA_COUNT, min: MIN, max: MAX});\ndataCfg.push(jointValue, NaN, NaN, NaN, NaN, NaN, NaN);\n\nconst futureCfg = Utils.numbers({count: DATA_COUNT - 1, min: MIN, max: MAX});\nfutureCfg.splice(0, 0, NaN, NaN, NaN, NaN, NaN, NaN, jointValue);\n\nconst data = {\n labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'],\n datasets: [{\n data: dataCfg\n }, {\n data: futureCfg,\n borderDash: [6, 6]\n }]\n};\n// \n\n// \nconst annotation = {\n type: 'line',\n borderColor: 'black',\n borderWidth: 1,\n display: (ctx) => ctx.chart.isDatasetVisible(1),\n label: {\n display: true,\n content: 'Now',\n position: 'start'\n },\n scaleID: 'x',\n value: 'July'\n};\n// \n\n/* */\nconst config = {\n type: 'line',\n data,\n options: {\n plugins: {\n annotation: {\n annotations: {\n annotation\n }\n }\n }\n }\n};\n/* */\n\nconst actions = [\n {\n name: 'Toggle annotation',\n handler: function(chart) {\n const visible = chart.isDatasetVisible(1);\n if (visible) {\n chart.options.scales.x.max = 'July';\n } else {\n chart.options.scales.x.max = undefined;\n }\n chart.setDatasetVisibility(1, !visible);\n chart.update();\n }\n }\n];\n\nmodule.exports = {\n actions: actions,\n config: config,\n};\n"}})],1)}),[],!1,null,null,null);t.default=s.exports}}]); \ No newline at end of file diff --git a/master/assets/js/97.fb9701a8.js b/master/assets/js/97.7fe63a01.js similarity index 97% rename from master/assets/js/97.fb9701a8.js rename to master/assets/js/97.7fe63a01.js index 157e881bd..13038df60 100644 --- a/master/assets/js/97.fb9701a8.js +++ b/master/assets/js/97.7fe63a01.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[97],{514:function(n,t,a){"use strict";a.r(t);var o=a(4),e=Object(o.a)({},(function(){var n=this._self._c;return n("ContentSlotsDistributor",{attrs:{"slot-key":this.$parent.slotKey}},[n("h1",{attrs:{id:"basic"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#basic"}},[this._v("#")]),this._v(" Basic")]),this._v(" "),n("chart-editor",{attrs:{code:"// \nconst DATA_COUNT = 8;\nconst MIN = 10;\nconst MAX = 100;\n\nUtils.srand(5);\n\nconst labels = [];\nfor (let i = 0; i < DATA_COUNT; ++i) {\n labels.push('' + i);\n}\n\nconst numberCfg = {count: DATA_COUNT, min: MIN, max: MAX};\n\nconst data = {\n labels: labels,\n datasets: [{\n data: Utils.numbers(numberCfg)\n }, {\n data: Utils.numbers(numberCfg)\n }, {\n data: Utils.numbers(numberCfg)\n }]\n};\n// \n\n// \nconst annotation1 = {\n type: 'point',\n backgroundColor: 'rgba(0, 255, 255, 0.4)',\n borderColor: 'black',\n borderWidth: 3,\n scaleID: 'y',\n xValue: (ctx) => value(ctx, 0, 2, 'x'),\n yValue: (ctx) => value(ctx, 0, 2, 'y')\n};\n// \n\n// \nconst annotation2 = {\n type: 'point',\n backgroundColor: 'transparent',\n borderColor: 'red',\n borderWidth: 5,\n pointStyle: 'triangle',\n radius: 25,\n scaleID: 'y',\n xValue: (ctx) => value(ctx, 1, 4, 'x'),\n yValue: (ctx) => value(ctx, 1, 4, 'y')\n};\n// \n\n// \nconst annotation3 = {\n type: 'point',\n borderColor: 'orange',\n borderWidth: 3,\n drawTime: 'beforeDraw',\n pointStyle: 'star',\n radius: 25,\n scaleID: 'y',\n xValue: (ctx) => value(ctx, 1, 6, 'x'),\n yValue: (ctx) => value(ctx, 1, 6, 'y')\n};\n// \n\n/* */\nconst config = {\n type: 'line',\n data,\n options: {\n plugins: {\n annotation: {\n annotations: {\n annotation1,\n annotation2,\n annotation3\n }\n }\n }\n }\n};\n/* */\n\n// \nfunction value(ctx, datasetIndex, index, prop) {\n const meta = ctx.chart.getDatasetMeta(datasetIndex);\n const parsed = meta.controller.getParsed(index);\n return parsed ? parsed[prop] : NaN;\n}\n// \n\nconst actions = [\n {\n name: 'Randomize',\n handler: function(chart) {\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data = dataset.data.map(() => Utils.rand(MIN, MAX));\n });\n chart.update();\n }\n },\n {\n name: 'Add data',\n handler: function(chart) {\n chart.data.labels.push(chart.data.labels.length);\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data.push(Utils.rand(MIN, MAX));\n });\n chart.update();\n }\n },\n {\n name: 'Remove data',\n handler: function(chart) {\n chart.data.labels.shift();\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data.shift();\n });\n chart.update();\n }\n }\n];\n\nmodule.exports = {\n actions: actions,\n config: config\n};\n"}})],1)}),[],!1,null,null,null);t.default=e.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[97],{515:function(n,t,a){"use strict";a.r(t);var o=a(4),e=Object(o.a)({},(function(){var n=this._self._c;return n("ContentSlotsDistributor",{attrs:{"slot-key":this.$parent.slotKey}},[n("h1",{attrs:{id:"basic"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#basic"}},[this._v("#")]),this._v(" Basic")]),this._v(" "),n("chart-editor",{attrs:{code:"// \nconst DATA_COUNT = 8;\nconst MIN = 10;\nconst MAX = 100;\n\nUtils.srand(5);\n\nconst labels = [];\nfor (let i = 0; i < DATA_COUNT; ++i) {\n labels.push('' + i);\n}\n\nconst numberCfg = {count: DATA_COUNT, min: MIN, max: MAX};\n\nconst data = {\n labels: labels,\n datasets: [{\n data: Utils.numbers(numberCfg)\n }, {\n data: Utils.numbers(numberCfg)\n }, {\n data: Utils.numbers(numberCfg)\n }]\n};\n// \n\n// \nconst annotation1 = {\n type: 'point',\n backgroundColor: 'rgba(0, 255, 255, 0.4)',\n borderColor: 'black',\n borderWidth: 3,\n scaleID: 'y',\n xValue: (ctx) => value(ctx, 0, 2, 'x'),\n yValue: (ctx) => value(ctx, 0, 2, 'y')\n};\n// \n\n// \nconst annotation2 = {\n type: 'point',\n backgroundColor: 'transparent',\n borderColor: 'red',\n borderWidth: 5,\n pointStyle: 'triangle',\n radius: 25,\n scaleID: 'y',\n xValue: (ctx) => value(ctx, 1, 4, 'x'),\n yValue: (ctx) => value(ctx, 1, 4, 'y')\n};\n// \n\n// \nconst annotation3 = {\n type: 'point',\n borderColor: 'orange',\n borderWidth: 3,\n drawTime: 'beforeDraw',\n pointStyle: 'star',\n radius: 25,\n scaleID: 'y',\n xValue: (ctx) => value(ctx, 1, 6, 'x'),\n yValue: (ctx) => value(ctx, 1, 6, 'y')\n};\n// \n\n/* */\nconst config = {\n type: 'line',\n data,\n options: {\n plugins: {\n annotation: {\n annotations: {\n annotation1,\n annotation2,\n annotation3\n }\n }\n }\n }\n};\n/* */\n\n// \nfunction value(ctx, datasetIndex, index, prop) {\n const meta = ctx.chart.getDatasetMeta(datasetIndex);\n const parsed = meta.controller.getParsed(index);\n return parsed ? parsed[prop] : NaN;\n}\n// \n\nconst actions = [\n {\n name: 'Randomize',\n handler: function(chart) {\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data = dataset.data.map(() => Utils.rand(MIN, MAX));\n });\n chart.update();\n }\n },\n {\n name: 'Add data',\n handler: function(chart) {\n chart.data.labels.push(chart.data.labels.length);\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data.push(Utils.rand(MIN, MAX));\n });\n chart.update();\n }\n },\n {\n name: 'Remove data',\n handler: function(chart) {\n chart.data.labels.shift();\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data.shift();\n });\n chart.update();\n }\n }\n];\n\nmodule.exports = {\n actions: actions,\n config: config\n};\n"}})],1)}),[],!1,null,null,null);t.default=e.exports}}]); \ No newline at end of file diff --git a/master/assets/js/app.f9d2de78.js b/master/assets/js/app.f8b65a86.js similarity index 58% rename from master/assets/js/app.f9d2de78.js rename to master/assets/js/app.f8b65a86.js index 4bcc8bc87..452811ce5 100644 --- a/master/assets/js/app.f9d2de78.js +++ b/master/assets/js/app.f8b65a86.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 Mn(n,t){return An(n)&&n._isRouter&&(null==t||n.type===t)}function Pn(n,t,e){var o=function(a){a>=n.length?e():n[a]?t(n[a],(function(){o(a+1)})):o(a+1)};o(0)}function jn(n){return function(t,e,o){var a=!1,i=0,r=null;Tn(n,(function(n,t,e,s){if("function"==typeof n&&void 0===n.cid){a=!0,i++;var l,c=Ln((function(t){var a;((a=t).__esModule||En&&"Module"===a[Symbol.toStringTag])&&(t=t.default),n.resolved="function"==typeof t?t:J.extend(t),e.components[s]=t,--i<=0&&o()})),d=Ln((function(n){var t="Failed to resolve async component "+s+": "+n;r||(r=An(n)?n:new Error(t),o(r))}));try{l=n(c,d)}catch(n){d(n)}if(l)if("function"==typeof l.then)l.then(c,d);else{var u=l.component;u&&"function"==typeof u.then&&u.then(c,d)}}})),a||o()}}function Tn(n,t){return In(n.map((function(n){return Object.keys(n.components).map((function(e){return t(n.components[e],n.instances[e],n,e)}))})))}function In(n){return Array.prototype.concat.apply([],n)}var En="function"==typeof Symbol&&"symbol"==typeof Symbol.toStringTag;function Ln(n){var t=!1;return function(){for(var e=[],o=arguments.length;o--;)e[o]=arguments[o];if(!t)return t=!0,n.apply(this,e)}}var Nn=function(n,t){this.router=n,this.base=function(n){if(!n)if(Z){var t=document.querySelector("base");n=(n=t&&t.getAttribute("href")||"/").replace(/^https?:\/\/[^\/]+/,"")}else n="/";"/"!==n.charAt(0)&&(n="/"+n);return n.replace(/\/$/,"")}(t),this.current=y,this.pending=null,this.ready=!1,this.readyCbs=[],this.readyErrorCbs=[],this.errorCbs=[],this.listeners=[]};function Rn(n,t,e,o){var a=Tn(n,(function(n,o,a,i){var r=function(n,t){"function"!=typeof n&&(n=J.extend(n));return n.options[t]}(n,t);if(r)return Array.isArray(r)?r.map((function(n){return e(n,o,a,i)})):e(r,o,a,i)}));return In(o?a.reverse():a)}function Vn(n,t){if(t)return function(){return n.apply(t,arguments)}}Nn.prototype.listen=function(n){this.cb=n},Nn.prototype.onReady=function(n,t){this.ready?n():(this.readyCbs.push(n),t&&this.readyErrorCbs.push(t))},Nn.prototype.onError=function(n){this.errorCbs.push(n)},Nn.prototype.transitionTo=function(n,t,e){var o,a=this;try{o=this.router.match(n,this.current)}catch(n){throw this.errorCbs.forEach((function(t){t(n)})),n}var i=this.current;this.confirmTransition(o,(function(){a.updateRoute(o),t&&t(o),a.ensureURL(),a.router.afterHooks.forEach((function(n){n&&n(o,i)})),a.ready||(a.ready=!0,a.readyCbs.forEach((function(n){n(o)})))}),(function(n){e&&e(n),n&&!a.ready&&(Mn(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){!Mn(n)&&An(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(A(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(A(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=A(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(A(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(A(n+"/#"+t)),!0}(this.base)||Fn()}return n&&(t.__proto__=n),t.prototype=Object.create(n&&n.prototype),t.prototype.constructor=t,t.prototype.setupListeners=function(){var n=this;if(!(this.listeners.length>0)){var t=this.router.options.scrollBehavior,e=xn&&t;e&&this.listeners.push(dn());var o=function(){var t=n.current;Fn()&&n.transitionTo(Bn(),(function(o){e&&un(n.router,o,t,!0),xn||Xn(o.fullPath)}))},a=xn?"popstate":"hashchange";window.addEventListener(a,o),this.listeners.push((function(){window.removeEventListener(a,o)}))}},t.prototype.push=function(n,t,e){var o=this,a=this.current;this.transitionTo(n,(function(n){$n(n.fullPath),un(o.router,n,a,!1),t&&t(n)}),e)},t.prototype.replace=function(n,t,e){var o=this,a=this.current;this.transitionTo(n,(function(n){Xn(n.fullPath),un(o.router,n,a,!1),t&&t(n)}),e)},t.prototype.go=function(n){window.history.go(n)},t.prototype.ensureURL=function(n){var t=this.current.fullPath;Bn()!==t&&(n?$n(t):Xn(t))},t.prototype.getCurrentLocation=function(){return Bn()},t}(Nn);function Fn(){var n=Bn();return"/"===n.charAt(0)||(Xn("/"+n),!1)}function Bn(){var n=window.location.href,t=n.indexOf("#");return t<0?"":n=n.slice(t+1)}function Yn(n){var t=window.location.href,e=t.indexOf("#");return(e>=0?t.slice(0,e):t)+"#"+n}function $n(n){xn?wn(Yn(n)):window.location.hash=n}function Xn(n){xn?On(Yn(n)):window.location.replace(Yn(n))}var Hn=function(n){function t(t,e){n.call(this,t,e),this.stack=[],this.index=-1}return n&&(t.__proto__=n),t.prototype=Object.create(n&&n.prototype),t.prototype.constructor=t,t.prototype.push=function(n,t,e){var o=this;this.transitionTo(n,(function(n){o.stack=o.stack.slice(0,o.index+1).concat(n),o.index++,t&&t(n)}),e)},t.prototype.replace=function(n,t,e){var o=this;this.transitionTo(n,(function(n){o.stack=o.stack.slice(0,o.index).concat(n),t&&t(n)}),e)},t.prototype.go=function(n){var t=this,e=this.index+n;if(!(e<0||e>=this.stack.length)){var o=this.stack[e];this.confirmTransition(o,(function(){var n=t.current;t.index=e,t.updateRoute(o),t.router.afterHooks.forEach((function(t){t&&t(o,n)}))}),(function(n){Mn(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?A(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=Mn,Jn.NavigationFailureType=Cn,Jn.START_LOCATION=y,Z&&window.Vue&&window.Vue.use(Jn);e(59);e(17),e(56);var Zn={NotFound:()=>e.e(15).then(e.bind(null,422)),Layout:()=>Promise.all([e.e(0),e.e(2)]).then(e.bind(null,420))},Qn={"v-3b83533d":()=>e.e(17).then(e.bind(null,426)),"v-4a62f668":()=>e.e(16).then(e.bind(null,427)),"v-19fc5046":()=>e.e(19).then(e.bind(null,428)),"v-2d43a12f":()=>e.e(18).then(e.bind(null,429)),"v-2bdf7887":()=>e.e(20).then(e.bind(null,430)),"v-25f1271d":()=>e.e(22).then(e.bind(null,431)),"v-d5f286de":()=>e.e(21).then(e.bind(null,432)),"v-bc74aa06":()=>e.e(24).then(e.bind(null,433)),"v-1c40ad9d":()=>e.e(23).then(e.bind(null,434)),"v-15088ca1":()=>e.e(25).then(e.bind(null,435)),"v-1915dd1f":()=>e.e(27).then(e.bind(null,436)),"v-2e4ca05d":()=>e.e(26).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-7fae43e2":()=>e.e(29).then(e.bind(null,440)),"v-4b4d89e9":()=>e.e(31).then(e.bind(null,441)),"v-49180d06":()=>e.e(33).then(e.bind(null,442)),"v-c42c2106":()=>e.e(32).then(e.bind(null,443)),"v-29e3487d":()=>e.e(34).then(e.bind(null,444)),"v-35d1c17d":()=>e.e(37).then(e.bind(null,445)),"v-f13aec06":()=>e.e(35).then(e.bind(null,446)),"v-3e5dcf1d":()=>e.e(36).then(e.bind(null,447)),"v-361cec5e":()=>e.e(38).then(e.bind(null,448)),"v-07090646":()=>e.e(39).then(e.bind(null,449)),"v-42745613":()=>e.e(40).then(e.bind(null,450)),"v-16482446":()=>e.e(41).then(e.bind(null,451)),"v-5dd3097d":()=>e.e(42).then(e.bind(null,452)),"v-7b380066":()=>e.e(44).then(e.bind(null,453)),"v-86eb5006":()=>e.e(43).then(e.bind(null,454)),"v-54682062":()=>e.e(46).then(e.bind(null,455)),"v-0e308dd1":()=>e.e(47).then(e.bind(null,456)),"v-64ad1186":()=>e.e(45).then(e.bind(null,457)),"v-4d8c7bf6":()=>e.e(8).then(e.bind(null,458)),"v-51daecc6":()=>e.e(49).then(e.bind(null,459)),"v-1b86f686":()=>e.e(48).then(e.bind(null,460)),"v-4d1e5c5d":()=>e.e(50).then(e.bind(null,461)),"v-121872fd":()=>e.e(4).then(e.bind(null,462)),"v-15f8e6fd":()=>e.e(51).then(e.bind(null,463)),"v-0db22306":()=>e.e(52).then(e.bind(null,464)),"v-67fac0e2":()=>e.e(53).then(e.bind(null,465)),"v-5b88421d":()=>e.e(9).then(e.bind(null,466)),"v-26692906":()=>e.e(10).then(e.bind(null,467)),"v-49aea27d":()=>e.e(11).then(e.bind(null,468)),"v-37e66462":()=>e.e(12).then(e.bind(null,469)),"v-90c1ce06":()=>e.e(13).then(e.bind(null,470)),"v-33db82fd":()=>e.e(14).then(e.bind(null,471)),"v-ebb19754":()=>e.e(55).then(e.bind(null,472)),"v-942110c6":()=>e.e(54).then(e.bind(null,473)),"v-54f14cdd":()=>e.e(56).then(e.bind(null,474)),"v-43e4cf76":()=>e.e(57).then(e.bind(null,475)),"v-366650ca":()=>e.e(58).then(e.bind(null,476)),"v-fac884d6":()=>e.e(59).then(e.bind(null,477)),"v-b3a5649a":()=>e.e(61).then(e.bind(null,478)),"v-f0a8046a":()=>e.e(63).then(e.bind(null,479)),"v-a827b1b2":()=>e.e(62).then(e.bind(null,480)),"v-f46f9a86":()=>e.e(60).then(e.bind(null,481)),"v-1ac7de46":()=>e.e(64).then(e.bind(null,482)),"v-06766846":()=>e.e(66).then(e.bind(null,483)),"v-2215247d":()=>e.e(65).then(e.bind(null,484)),"v-475451bd":()=>e.e(67).then(e.bind(null,485)),"v-14c8b49f":()=>e.e(68).then(e.bind(null,486)),"v-532157ca":()=>e.e(69).then(e.bind(null,487)),"v-8f774586":()=>e.e(72).then(e.bind(null,488)),"v-4f17a19d":()=>e.e(73).then(e.bind(null,489)),"v-de7917b6":()=>e.e(70).then(e.bind(null,490)),"v-0f11953d":()=>e.e(71).then(e.bind(null,491)),"v-ffcf4406":()=>e.e(74).then(e.bind(null,492)),"v-ed85c306":()=>e.e(75).then(e.bind(null,493)),"v-188d5d06":()=>e.e(76).then(e.bind(null,494)),"v-79f854d2":()=>e.e(77).then(e.bind(null,495)),"v-a53ecf06":()=>e.e(78).then(e.bind(null,496)),"v-224dfd1d":()=>e.e(79).then(e.bind(null,497)),"v-4dd91745":()=>e.e(81).then(e.bind(null,498)),"v-e1c46312":()=>e.e(80).then(e.bind(null,499)),"v-5cbaa4bd":()=>e.e(82).then(e.bind(null,500)),"v-25be76ab":()=>e.e(83).then(e.bind(null,501)),"v-fe2fae0e":()=>e.e(84).then(e.bind(null,502)),"v-14b16052":()=>e.e(85).then(e.bind(null,503)),"v-0d73d593":()=>e.e(86).then(e.bind(null,504)),"v-9e862306":()=>e.e(87).then(e.bind(null,505)),"v-22325356":()=>e.e(88).then(e.bind(null,506)),"v-c5c24e7a":()=>e.e(89).then(e.bind(null,507)),"v-76c7a746":()=>e.e(90).then(e.bind(null,508)),"v-19c0057d":()=>e.e(91).then(e.bind(null,509)),"v-940803b2":()=>e.e(92).then(e.bind(null,510)),"v-2f3a8d3f":()=>e.e(93).then(e.bind(null,511)),"v-5f6c329d":()=>e.e(94).then(e.bind(null,512)),"v-bc3af7aa":()=>e.e(95).then(e.bind(null,513)),"v-13db7dfd":()=>e.e(97).then(e.bind(null,514)),"v-5eb79d3d":()=>e.e(96).then(e.bind(null,515)),"v-21782935":()=>e.e(98).then(e.bind(null,516)),"v-dd2b401a":()=>e.e(100).then(e.bind(null,517)),"v-246c16bd":()=>e.e(99).then(e.bind(null,518)),"v-0fc2653f":()=>e.e(101).then(e.bind(null,519)),"v-3ae674fd":()=>e.e(102).then(e.bind(null,520)),"v-39b04a87":()=>e.e(103).then(e.bind(null,521)),"v-45140bd3":()=>e.e(104).then(e.bind(null,522)),"v-4719da06":()=>e.e(106).then(e.bind(null,523)),"v-f2852e62":()=>e.e(105).then(e.bind(null,524))};function nt(n){const t=Object.create(null);return function(e){return t[e]||(t[e]=n(e))}}const tt=/-(\w)/g,et=nt(n=>n.replace(tt,(n,t)=>t?t.toUpperCase():"")),ot=/\B([A-Z])/g,at=nt(n=>n.replace(ot,"-$1").toLowerCase()),it=nt(n=>n.charAt(0).toUpperCase()+n.slice(1));function rt(n,t){if(!t)return;if(n(t))return n(t);return t.includes("-")?n(it(et(t))):n(it(t))||n(at(t))}const st=Object.assign({},Zn,Qn),lt=n=>st[n],ct=n=>Qn[n],dt=n=>Zn[n],ut=n=>r.a.component(n);function ht(n){return rt(ct,n)}function ft(n){return rt(dt,n)}function pt(n){return rt(lt,n)}function bt(n){return rt(ut,n)}function vt(...n){return Promise.all(n.filter(n=>n).map(async n=>{if(!bt(n)&&pt(n)){const t=await pt(n)();r.a.component(n,t.default)}}))}function gt(n,t){"undefined"!=typeof window&&window.__VUEPRESS__&&(window.__VUEPRESS__[n]=t)}var mt=e(106),yt=e.n(mt),xt=e(107),wt=e.n(xt),Ot={created(){if(this.siteMeta=this.$site.headTags.filter(([n])=>"meta"===n).map(([n,t])=>t),this.$ssrContext){const t=this.getMergedMetaTags();this.$ssrContext.title=this.$title,this.$ssrContext.lang=this.$lang,this.$ssrContext.pageMeta=(n=t)?n.map(n=>{let t="{t+=` ${e}="${wt()(n[e])}"`}),t+">"}).join("\n "):"",this.$ssrContext.canonicalLink=kt(this.$canonicalUrl)}var n},mounted(){this.currentMetaTags=[...document.querySelectorAll("meta")],this.updateMeta(),this.updateCanonicalLink()},methods:{updateMeta(){document.title=this.$title,document.documentElement.lang=this.$lang;const n=this.getMergedMetaTags();this.currentMetaTags=_t(n,this.currentMetaTags)},getMergedMetaTags(){const n=this.$page.frontmatter.meta||[];return yt()([{name:"description",content:this.$description}],n,this.siteMeta,St)},updateCanonicalLink(){Ct(),this.$canonicalUrl&&document.head.insertAdjacentHTML("beforeend",kt(this.$canonicalUrl))}},watch:{$page(){this.updateMeta(),this.updateCanonicalLink()}},beforeDestroy(){_t(null,this.currentMetaTags),Ct()}};function Ct(){const n=document.querySelector("link[rel='canonical']");n&&n.remove()}function kt(n=""){return n?``:""}function _t(n,t){if(t&&[...t].filter(n=>n.parentNode===document.head).forEach(n=>document.head.removeChild(n)),n)return n.map(n=>{const t=document.createElement("meta");return Object.keys(n).forEach(e=>{t.setAttribute(e,n[e])}),document.head.appendChild(t),t})}function St(n){for(const t of["name","property","itemprop"])if(n.hasOwnProperty(t))return n[t]+t;return JSON.stringify(n)}var Dt=e(108),At={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)}},Mt=e(31),Pt=e.n(Mt),jt={mounted(){Pt.a.configure({showSpinner:!1}),this.$router.beforeEach((n,t,e)=>{n.path===t.path||r.a.component(n.name)||Pt.a.start(),e()}),this.$router.afterEach(()=>{Pt.a.done(),this.isSidebarOpen=!1})}},Tt=e(12),It=e.n(Tt),Et=e(109),Lt=e(110),Nt=e(22),Rt=e(23),Vt=e(104),Ut=r.a.extend({components:{DropdownLink:Vt.a},props:{item:{type:Object,required:!0}}}),zt=(e(254),e(4)),Wt=Object(zt.a)(Ut,(function(){var n=this._self._c;this._self._setupProxy;return n("div",{staticClass:"versions-dropdown nav-item can-hide"},[n("dropdown-link",{attrs:{item:this.item}})],1)}),[],!1,null,"3dd359e2",null).exports;const Ft=It.a.filters||{};function Bt(n,t,e){let o=Object(Nt.resolveTemplate)(n,t,e);o.startsWith("/")&&(o=`${window.location.origin}${o}`);const a=`${window.location.origin}${It.a.base}`;return o.startsWith(a)?o.substring(a.length)+"/":o}function Yt(n,t){if(n.exclude){const e=new RegExp(n.exclude);t=t.filter(({name:n})=>!n.match(e))}let e=Object(Rt.collapseVersions)(n,t);return n.limit>0&&(e=e.slice(0,n.limit)),e.map(t=>{const{target:e}=n,o=Object(Rt.describeVersion)(t);return{target:e,text:Object(Nt.resolveTemplate)(n.text,o,Ft),link:Bt(n.link,o,Ft)}})}function $t(n,t){const e=n.menu;if(!e)return{};const o=t.find(t=>t.name===n.version)||{name:n.version,tag:null},a=Object(Rt.describeVersion)(o),i=Object(Nt.resolveTemplate)(e.text,a,Ft);return{items:function n(t,e,o){const a=[];for(const i of t)if("versions"===i.type)a.push(...Yt({group:"minor",link:"/{{version}}/",text:"{{version}}",...i},e));else{const t=Object(Rt.describeVersion)(o),r=Object(Nt.resolveTemplate)(i.text||"",t,Ft);i.items?a.push({...i,text:r,type:"links",items:n(i.items,e,o)}):a.push({...i,text:r,link:Bt(i.link||"",t,Ft)})}return a}(e.items||[],t,o),text:i}}const Xt=r.a.observable({inserted:!1,dropdown:{}});var Ht=[Ot,At,jt,{async mounted(){{const n=$t(It.a,It.a.versions||[]);r.a.set(Xt,"dropdown",n)}try{const n=await Object(Lt.fetchNpmVersions)(fetch,It.a.name),t=$t(It.a,n);Object.assign(Xt.dropdown,t)}catch(n){console.error("Failed to retrieve available versions")}},async updated(){const n=this.$router;if(!Xt.inserted){for(const t of It.a.menu.locations){const e={item:Xt.dropdown},o=new Wt({router:n,propsData:e}).$mount();Object(Et.injectElement)(this.$el,o.$el,t)}Xt.inserted=!0}}}],Jt={name:"GlobalLayout",computed:{layout(){const n=this.getLayout();return gt("layout",n),r.a.component(n)}},methods:{getLayout(){if(this.$page.path){const n=this.$page.frontmatter.layout;return n&&(this.$vuepress.getLayoutAsyncComponent(n)||this.$vuepress.getVueComponent(n))?n:"Layout"}return"NotFound"}}},qt=Object(zt.a)(Jt,(function(){return(0,this._self._c)(this.layout,{tag:"component"})}),[],!1,null,null,null).exports;!function(n,t,e){switch(t){case"components":n[t]||(n[t]={}),Object.assign(n[t],e);break;case"mixins":n[t]||(n[t]=[]),n[t].push(...e);break;default:throw new Error("Unknown option name.")}}(qt,"mixins",Ht);const Gt=[{name:"v-3b83533d",path:"/api/interfaces/AnnotationBoxModel.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-3b83533d").then(e)}},{name:"v-4a62f668",path:"/api/",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-4a62f668").then(e)}},{path:"/api/index.html",redirect:"/api/"},{name:"v-19fc5046",path:"/api/interfaces/AnnotationEvents.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-19fc5046").then(e)}},{name:"v-2d43a12f",path:"/api/interfaces/AnnotationElement.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-2d43a12f").then(e)}},{name:"v-2bdf7887",path:"/api/interfaces/AnnotationHooks.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-2bdf7887").then(e)}},{name:"v-25f1271d",path:"/api/interfaces/AnnotationPointCoordinates.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-25f1271d").then(e)}},{name:"v-d5f286de",path:"/api/interfaces/AnnotationPluginOptions.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-d5f286de").then(e)}},{name:"v-bc74aa06",path:"/api/interfaces/ArrowHeadOptions.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-bc74aa06").then(e)}},{name:"v-1c40ad9d",path:"/api/interfaces/AnnotationTypeRegistry.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-1c40ad9d").then(e)}},{name:"v-15088ca1",path:"/api/interfaces/ArrowHeadsOptions.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-15088ca1").then(e)}},{name:"v-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-6b2059b3",path:"/api/interfaces/ControlPointOptions.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-6b2059b3").then(e)}},{name:"v-7fae43e2",path:"/api/interfaces/ContainedLabelOptions.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-7fae43e2").then(e)}},{name:"v-4b4d89e9",path:"/api/interfaces/CoreAnnotationOptions.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-4b4d89e9").then(e)}},{name:"v-49180d06",path:"/api/interfaces/EllipseAnnotationOptions.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-49180d06").then(e)}},{name:"v-c42c2106",path:"/api/interfaces/CoreLabelOptions.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-c42c2106").then(e)}},{name:"v-29e3487d",path:"/api/interfaces/EventContext.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-29e3487d").then(e)}},{name:"v-35d1c17d",path:"/api/interfaces/LabelPadding.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-35d1c17d").then(e)}},{name:"v-f13aec06",path:"/api/interfaces/LabelAnnotationOptions.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-f13aec06").then(e)}},{name:"v-3e5dcf1d",path:"/api/interfaces/LabelOptions.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-3e5dcf1d").then(e)}},{name:"v-361cec5e",path:"/api/interfaces/LabelPositionObject.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-361cec5e").then(e)}},{name:"v-07090646",path:"/api/interfaces/LabelTypeOptions.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-07090646").then(e)}},{name:"v-42745613",path:"/api/interfaces/LineAnnotationOptions.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-42745613").then(e)}},{name:"v-16482446",path:"/api/interfaces/PartialEventContext.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-16482446").then(e)}},{name:"v-5dd3097d",path:"/api/interfaces/PointAnnotationOptions.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-5dd3097d").then(e)}},{name:"v-7b380066",path:"/api/interfaces/ShadowOptions.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-7b380066").then(e)}},{name:"v-86eb5006",path:"/api/interfaces/PolygonAnnotationOptions.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-86eb5006").then(e)}},{name:"v-54682062",path:"/guide/contributing.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-54682062").then(e)}},{name:"v-0e308dd1",path:"/guide/developers.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-0e308dd1").then(e)}},{name:"v-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-51daecc6",path:"/guide/migrationV1.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-51daecc6").then(e)}},{name:"v-1b86f686",path:"/guide/integration.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-1b86f686").then(e)}},{name:"v-4d1e5c5d",path:"/guide/migrationV3.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-4d1e5c5d").then(e)}},{name:"v-121872fd",path:"/guide/migrationV2.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-121872fd").then(e)}},{name:"v-15f8e6fd",path:"/guide/options.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-15f8e6fd").then(e)}},{name:"v-0db22306",path:"/guide/types/_commonInnerLabel.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-0db22306").then(e)}},{name:"v-67fac0e2",path:"/guide/types/_commonOptions.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-67fac0e2").then(e)}},{name:"v-5b88421d",path:"/guide/types/box.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-5b88421d").then(e)}},{name:"v-26692906",path:"/guide/types/ellipse.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-26692906").then(e)}},{name:"v-49aea27d",path:"/guide/types/label.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-49aea27d").then(e)}},{name:"v-37e66462",path:"/guide/types/line.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-37e66462").then(e)}},{name:"v-90c1ce06",path:"/guide/types/point.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-90c1ce06").then(e)}},{name:"v-33db82fd",path:"/guide/types/polygon.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-33db82fd").then(e)}},{name:"v-ebb19754",path:"/",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-ebb19754").then(e)}},{path:"/index.html",redirect:"/"},{name:"v-942110c6",path:"/guide/usage.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-942110c6").then(e)}},{name:"v-54f14cdd",path:"/samples/box/basic.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-54f14cdd").then(e)}},{name:"v-43e4cf76",path:"/samples/box/canvas.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-43e4cf76").then(e)}},{name:"v-366650ca",path:"/samples/box/disclosure.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-366650ca").then(e)}},{name:"v-fac884d6",path:"/samples/box/gradient.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-fac884d6").then(e)}},{name:"v-b3a5649a",path:"/samples/box/initAnim.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-b3a5649a").then(e)}},{name:"v-f0a8046a",path:"/samples/charts/bar.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-f0a8046a").then(e)}},{name:"v-a827b1b2",path:"/samples/box/quarters.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-a827b1b2").then(e)}},{name:"v-f46f9a86",path:"/samples/box/image.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-f46f9a86").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-2215247d",path:"/samples/ellipse/basic.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-2215247d").then(e)}},{name:"v-475451bd",path:"/samples/ellipse/label.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-475451bd").then(e)}},{name:"v-14c8b49f",path:"/samples/ellipse/rotation.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-14c8b49f").then(e)}},{name:"v-532157ca",path:"/samples/interaction/cartesianplane.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-532157ca").then(e)}},{name:"v-8f774586",path:"/samples/interaction/selection.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-8f774586").then(e)}},{name:"v-4f17a19d",path:"/samples/intro.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-4f17a19d").then(e)}},{name:"v-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-ffcf4406",path:"/samples/label/autoscaling.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-ffcf4406").then(e)}},{name:"v-ed85c306",path:"/samples/label/basic.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-ed85c306").then(e)}},{name:"v-188d5d06",path:"/samples/label/callout.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-188d5d06").then(e)}},{name:"v-79f854d2",path:"/samples/label/canvas.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-79f854d2").then(e)}},{name:"v-a53ecf06",path:"/samples/label/fontsColors.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-a53ecf06").then(e)}},{name:"v-224dfd1d",path:"/samples/label/image.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-224dfd1d").then(e)}},{name:"v-4dd91745",path:"/samples/label/lowerUpper.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-4dd91745").then(e)}},{name:"v-e1c46312",path:"/samples/label/innerChart.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-e1c46312").then(e)}},{name:"v-5cbaa4bd",path:"/samples/label/point.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-5cbaa4bd").then(e)}},{name:"v-25be76ab",path:"/samples/line/animation.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-25be76ab").then(e)}},{name:"v-fe2fae0e",path:"/samples/line/average.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-fe2fae0e").then(e)}},{name:"v-14b16052",path:"/samples/line/basic.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-14b16052").then(e)}},{name:"v-0d73d593",path:"/samples/line/callout.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-0d73d593").then(e)}},{name:"v-9e862306",path:"/samples/line/canvas.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-9e862306").then(e)}},{name:"v-22325356",path:"/samples/line/curve.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-22325356").then(e)}},{name:"v-c5c24e7a",path:"/samples/line/datasetBars.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-c5c24e7a").then(e)}},{name:"v-76c7a746",path:"/samples/line/hook.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-76c7a746").then(e)}},{name:"v-19c0057d",path:"/samples/line/image.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-19c0057d").then(e)}},{name:"v-940803b2",path:"/samples/line/labelVisibility.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-940803b2").then(e)}},{name:"v-2f3a8d3f",path:"/samples/line/limited.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-2f3a8d3f").then(e)}},{name:"v-5f6c329d",path:"/samples/line/lowerUpper.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-5f6c329d").then(e)}},{name:"v-bc3af7aa",path:"/samples/line/standardDeviation.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-bc3af7aa").then(e)}},{name:"v-13db7dfd",path:"/samples/point/basic.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-13db7dfd").then(e)}},{name:"v-5eb79d3d",path:"/samples/line/visibility.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-5eb79d3d").then(e)}},{name:"v-21782935",path:"/samples/point/combined.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-21782935").then(e)}},{name:"v-dd2b401a",path:"/samples/point/outsideChartArea.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-dd2b401a").then(e)}},{name:"v-246c16bd",path:"/samples/point/initAnim.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-246c16bd").then(e)}},{name:"v-0fc2653f",path:"/samples/point/shadow.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-0fc2653f").then(e)}},{name:"v-3ae674fd",path:"/samples/polygon/basic.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-3ae674fd").then(e)}},{name:"v-39b04a87",path:"/samples/polygon/outsideChartArea.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-39b04a87").then(e)}},{name:"v-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:"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:"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 & { getAnnotations : ( chart : Chart ) => AnnotationElement [] } \n Defined in \n index.d.ts:21 \n'},{title:"Interface: AnnotationEvents",frontmatter:{},regularPath:"/api/interfaces/AnnotationEvents.html",relativePath:"api/interfaces/AnnotationEvents.md",key:"v-19fc5046",path:"/api/interfaces/AnnotationEvents.html",headers:[{level:2,title:"Hierarchy",slug:"hierarchy"},{level:2,title:"Methods",slug:"methods"},{level:3,title:"click",slug:"click"},{level:3,title:"enter",slug:"enter"},{level:3,title:"leave",slug:"leave"}],content:" Interface: AnnotationEvents \n Hierarchy \n \n \n AnnotationEvents \n ↳ CoreAnnotationOptions \n ↳ AnnotationPluginOptions \n Methods \n click \n ▸ Optional click ( context , event ): boolean | void \n Parameters \n \n \n \n Name \n Type \n \n \n \n \n context \n EventContext \n \n \n event \n ChartEvent \n Returns \n boolean | void \n Defined in \n events.d.ts:27 \n enter \n ▸ Optional enter ( context , event ): boolean | void \n Parameters \n \n \n \n Name \n Type \n \n \n \n \n context \n EventContext \n \n \n event \n ChartEvent \n Returns \n boolean | void \n Defined in \n events.d.ts:25 \n leave \n ▸ Optional leave ( context , event ): boolean | void \n Parameters \n \n \n \n Name \n Type \n \n \n \n \n context \n EventContext \n \n \n event \n ChartEvent \n Returns \n boolean | void \n Defined in \n events.d.ts:26 \n"},{title:"Interface: 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: AnnotationHooks",frontmatter:{},regularPath:"/api/interfaces/AnnotationHooks.html",relativePath:"api/interfaces/AnnotationHooks.md",key:"v-2bdf7887",path:"/api/interfaces/AnnotationHooks.html",headers:[{level:2,title:"Hierarchy",slug:"hierarchy"},{level:2,title:"Methods",slug:"methods"},{level:3,title:"afterDraw",slug:"afterdraw"},{level:3,title:"beforeDraw",slug:"beforedraw"}],content:" Interface: AnnotationHooks \n Hierarchy \n \n \n AnnotationHooks \n ↳ CoreAnnotationOptions \n ↳ AnnotationPluginOptions \n Methods \n afterDraw \n ▸ Optional afterDraw ( context ): void \n Parameters \n \n \n \n Name \n Type \n \n \n \n \n context \n EventContext \n Returns \n void \n Defined in \n options.d.ts:23 \n beforeDraw \n ▸ Optional beforeDraw ( context ): void \n Parameters \n \n \n \n Name \n Type \n \n \n \n \n context \n EventContext \n Returns \n void \n Defined in \n options.d.ts:22 \n"},{title:"Interface: AnnotationPointCoordinates",frontmatter:{},regularPath:"/api/interfaces/AnnotationPointCoordinates.html",relativePath:"api/interfaces/AnnotationPointCoordinates.md",key:"v-25f1271d",path:"/api/interfaces/AnnotationPointCoordinates.html",headers:[{level:2,title:"Hierarchy",slug:"hierarchy"},{level:2,title:"Properties",slug:"properties"},{level:3,title:"xValue",slug:"xvalue"},{level:3,title:"yValue",slug:"yvalue"}],content:" Interface: AnnotationPointCoordinates \n Hierarchy \n \n \n AnnotationPointCoordinates \n ↳ PointAnnotationOptions \n ↳ LabelAnnotationOptions \n ↳ PolygonAnnotationOptions \n Properties \n xValue \n • Optional xValue : Scriptable < ScaleValue , PartialEventContext > \n Defined in \n options.d.ts:58 \n yValue \n • Optional yValue : Scriptable < ScaleValue , PartialEventContext > \n Defined in \n options.d.ts:59 \n"},{title:"Interface: AnnotationPluginOptions",frontmatter:{},regularPath:"/api/interfaces/AnnotationPluginOptions.html",relativePath:"api/interfaces/AnnotationPluginOptions.md",key:"v-d5f286de",path:"/api/interfaces/AnnotationPluginOptions.html",headers:[{level:2,title:"Hierarchy",slug:"hierarchy"},{level:2,title:"Properties",slug:"properties"},{level:3,title:"animations",slug:"animations"},{level:3,title:"annotations",slug:"annotations"},{level:3,title:"clip",slug:"clip"},{level:3,title:"common",slug:"common"},{level:3,title:"interaction",slug:"interaction"},{level:2,title:"Methods",slug:"methods"},{level:3,title:"afterDraw",slug:"afterdraw"},{level:3,title:"beforeDraw",slug:"beforedraw"},{level:3,title:"click",slug:"click"},{level:3,title:"enter",slug:"enter"},{level:3,title:"leave",slug:"leave"}],content:" Interface: AnnotationPluginOptions \n Hierarchy \n \n \n AnnotationEvents \n \n \n AnnotationHooks \n ↳ AnnotationPluginOptions \n Properties \n animations \n • Optional animations : Record < string , unknown > \n Defined in \n options.d.ts:153 \n annotations \n • annotations : Record < string , AnnotationOptions > | AnnotationOptions [] \n Defined in \n options.d.ts:154 \n clip \n • Optional clip : boolean \n Defined in \n options.d.ts:155 \n common \n • Optional common : BoxAnnotationOptions | EllipseAnnotationOptions | LabelAnnotationOptions | LineAnnotationOptions | PointAnnotationOptions | PolygonAnnotationOptions \n Defined in \n options.d.ts:156 \n interaction \n • Optional interaction : CoreInteractionOptions \n Defined in \n options.d.ts:157 \n Methods \n afterDraw \n ▸ Optional afterDraw ( context ): void \n Parameters \n \n \n \n Name \n Type \n \n \n \n \n context \n EventContext \n Returns \n void \n Inherited from \n AnnotationHooks . afterDraw \n Defined in \n options.d.ts:23 \n beforeDraw \n ▸ Optional beforeDraw ( context ): void \n Parameters \n \n \n \n Name \n Type \n \n \n \n \n context \n EventContext \n Returns \n void \n Inherited from \n AnnotationHooks . beforeDraw \n Defined in \n options.d.ts:22 \n click \n ▸ Optional click ( context , event ): boolean | void \n Parameters \n \n \n \n Name \n Type \n \n \n \n \n context \n EventContext \n \n \n event \n ChartEvent \n Returns \n boolean | void \n Inherited from \n AnnotationEvents . click \n Defined in \n events.d.ts:27 \n enter \n ▸ Optional enter ( context , event ): boolean | void \n Parameters \n \n \n \n Name \n Type \n \n \n \n \n context \n EventContext \n \n \n event \n ChartEvent \n Returns \n boolean | void \n Inherited from \n AnnotationEvents . enter \n Defined in \n events.d.ts:25 \n leave \n ▸ Optional leave ( context , event ): boolean | void \n Parameters \n \n \n \n Name \n Type \n \n \n \n \n context \n EventContext \n \n \n event \n ChartEvent \n Returns \n boolean | void \n Inherited from \n AnnotationEvents . leave \n Defined in \n events.d.ts:26 \n"},{title:"Interface: ArrowHeadOptions",frontmatter:{},regularPath:"/api/interfaces/ArrowHeadOptions.html",relativePath:"api/interfaces/ArrowHeadOptions.md",key:"v-bc74aa06",path:"/api/interfaces/ArrowHeadOptions.html",headers:[{level:2,title:"Hierarchy",slug:"hierarchy"},{level:2,title:"Properties",slug:"properties"},{level:3,title:"backgroundColor",slug:"backgroundcolor"},{level:3,title:"backgroundShadowColor",slug:"backgroundshadowcolor"},{level:3,title:"borderColor",slug:"bordercolor"},{level:3,title:"borderDash",slug:"borderdash"},{level:3,title:"borderDashOffset",slug:"borderdashoffset"},{level:3,title:"borderShadowColor",slug:"bordershadowcolor"},{level:3,title:"borderWidth",slug:"borderwidth"},{level:3,title:"display",slug:"display"},{level:3,title:"fill",slug:"fill"},{level:3,title:"length",slug:"length"},{level:3,title:"shadowBlur",slug:"shadowblur"},{level:3,title:"shadowOffsetX",slug:"shadowoffsetx"},{level:3,title:"shadowOffsetY",slug:"shadowoffsety"},{level:3,title:"width",slug:"width"}],content:" Interface: ArrowHeadOptions \n Hierarchy \n \n \n ShadowOptions \n ↳ ArrowHeadOptions \n ↳↳ ArrowHeadsOptions \n Properties \n backgroundColor \n • Optional backgroundColor : Scriptable < Color , PartialEventContext > \n Defined in \n options.d.ts:63 \n backgroundShadowColor \n • Optional backgroundShadowColor : Scriptable < Color , PartialEventContext > \n Inherited from \n ShadowOptions . backgroundShadowColor \n Defined in \n options.d.ts:30 \n borderColor \n • Optional borderColor : Scriptable < Color , PartialEventContext > \n Defined in \n options.d.ts:64 \n borderDash \n • Optional borderDash : Scriptable < number [], PartialEventContext > \n Defined in \n options.d.ts:65 \n borderDashOffset \n • Optional borderDashOffset : Scriptable < number , PartialEventContext > \n Defined in \n options.d.ts:66 \n borderShadowColor \n • Optional borderShadowColor : Scriptable < Color , PartialEventContext > \n Inherited from \n ShadowOptions . borderShadowColor \n Defined in \n options.d.ts:31 \n borderWidth \n • Optional borderWidth : Scriptable < number , PartialEventContext > \n Defined in \n options.d.ts:67 \n display \n • Optional display : Scriptable < boolean , PartialEventContext > \n Defined in \n options.d.ts:68 \n fill \n • Optional fill : Scriptable < boolean , PartialEventContext > \n Defined in \n options.d.ts:69 \n length \n • Optional length : Scriptable < number , PartialEventContext > \n Defined in \n options.d.ts:70 \n shadowBlur \n • Optional shadowBlur : Scriptable < number , PartialEventContext > \n Inherited from \n ShadowOptions . shadowBlur \n Defined in \n options.d.ts:32 \n shadowOffsetX \n • Optional shadowOffsetX : Scriptable < number , PartialEventContext > \n Inherited from \n ShadowOptions . shadowOffsetX \n Defined in \n options.d.ts:33 \n shadowOffsetY \n • Optional shadowOffsetY : Scriptable < number , PartialEventContext > \n Inherited from \n ShadowOptions . shadowOffsetY \n Defined in \n options.d.ts:34 \n width \n • Optional width : Scriptable < number , PartialEventContext > \n Defined in \n options.d.ts:71 \n"},{title:"Interface: AnnotationTypeRegistry",frontmatter:{},regularPath:"/api/interfaces/AnnotationTypeRegistry.html",relativePath:"api/interfaces/AnnotationTypeRegistry.md",key:"v-1c40ad9d",path:"/api/interfaces/AnnotationTypeRegistry.html",headers:[{level:2,title:"Properties",slug:"properties"},{level:3,title:"box",slug:"box"},{level:3,title:"ellipse",slug:"ellipse"},{level:3,title:"label",slug:"label"},{level:3,title:"line",slug:"line"},{level:3,title:"point",slug:"point"},{level:3,title:"polygon",slug:"polygon"}],content:" Interface: AnnotationTypeRegistry \n Properties \n box \n • box : BoxAnnotationOptions \n Defined in \n options.d.ts:9 \n ellipse \n • ellipse : EllipseAnnotationOptions \n Defined in \n options.d.ts:10 \n label \n • label : LabelAnnotationOptions \n Defined in \n options.d.ts:11 \n line \n • line : LineAnnotationOptions \n Defined in \n options.d.ts:12 \n point \n • point : PointAnnotationOptions \n Defined in \n options.d.ts:13 \n polygon \n • polygon : PolygonAnnotationOptions \n Defined in \n options.d.ts:14 \n"},{title:"Interface: ArrowHeadsOptions",frontmatter:{},regularPath:"/api/interfaces/ArrowHeadsOptions.html",relativePath:"api/interfaces/ArrowHeadsOptions.md",key:"v-15088ca1",path:"/api/interfaces/ArrowHeadsOptions.html",headers:[{level:2,title:"Hierarchy",slug:"hierarchy"},{level:2,title:"Properties",slug:"properties"},{level:3,title:"backgroundColor",slug:"backgroundcolor"},{level:3,title:"backgroundShadowColor",slug:"backgroundshadowcolor"},{level:3,title:"borderColor",slug:"bordercolor"},{level:3,title:"borderDash",slug:"borderdash"},{level:3,title:"borderDashOffset",slug:"borderdashoffset"},{level:3,title:"borderShadowColor",slug:"bordershadowcolor"},{level:3,title:"borderWidth",slug:"borderwidth"},{level:3,title:"display",slug:"display"},{level:3,title:"end",slug:"end"},{level:3,title:"fill",slug:"fill"},{level:3,title:"length",slug:"length"},{level:3,title:"shadowBlur",slug:"shadowblur"},{level:3,title:"shadowOffsetX",slug:"shadowoffsetx"},{level:3,title:"shadowOffsetY",slug:"shadowoffsety"},{level:3,title:"start",slug:"start"},{level:3,title:"width",slug:"width"}],content:" Interface: ArrowHeadsOptions \n Hierarchy \n \n \n ArrowHeadOptions \n ↳ ArrowHeadsOptions \n Properties \n backgroundColor \n • Optional backgroundColor : Scriptable < Color , PartialEventContext > \n Inherited from \n ArrowHeadOptions . backgroundColor \n Defined in \n options.d.ts:63 \n backgroundShadowColor \n • Optional backgroundShadowColor : Scriptable < Color , PartialEventContext > \n Inherited from \n ArrowHeadOptions . backgroundShadowColor \n Defined in \n options.d.ts:30 \n borderColor \n • Optional borderColor : Scriptable < Color , PartialEventContext > \n Inherited from \n ArrowHeadOptions . borderColor \n Defined in \n options.d.ts:64 \n borderDash \n • Optional borderDash : Scriptable < number [], PartialEventContext > \n Inherited from \n ArrowHeadOptions . borderDash \n Defined in \n options.d.ts:65 \n borderDashOffset \n • Optional borderDashOffset : Scriptable < number , PartialEventContext > \n Inherited from \n ArrowHeadOptions . borderDashOffset \n Defined in \n options.d.ts:66 \n borderShadowColor \n • Optional borderShadowColor : Scriptable < Color , PartialEventContext > \n Inherited from \n ArrowHeadOptions . borderShadowColor \n Defined in \n options.d.ts:31 \n borderWidth \n • Optional borderWidth : Scriptable < number , PartialEventContext > \n Inherited from \n ArrowHeadOptions . borderWidth \n Defined in \n options.d.ts:67 \n display \n • Optional display : Scriptable < boolean , PartialEventContext > \n Inherited from \n ArrowHeadOptions . display \n Defined in \n options.d.ts:68 \n end \n • Optional end : ArrowHeadOptions \n Defined in \n options.d.ts:75 \n fill \n • Optional fill : Scriptable < boolean , PartialEventContext > \n Inherited from \n ArrowHeadOptions . fill \n Defined in \n options.d.ts:69 \n length \n • Optional length : Scriptable < number , PartialEventContext > \n Inherited from \n ArrowHeadOptions . length \n Defined in \n options.d.ts:70 \n shadowBlur \n • Optional shadowBlur : Scriptable < number , PartialEventContext > \n Inherited from \n ArrowHeadOptions . shadowBlur \n Defined in \n options.d.ts:32 \n shadowOffsetX \n • Optional shadowOffsetX : Scriptable < number , PartialEventContext > \n Inherited from \n ArrowHeadOptions . shadowOffsetX \n Defined in \n options.d.ts:33 \n shadowOffsetY \n • Optional shadowOffsetY : Scriptable < number , PartialEventContext > \n Inherited from \n ArrowHeadOptions . shadowOffsetY \n Defined in \n options.d.ts:34 \n start \n • Optional start : ArrowHeadOptions \n Defined in \n options.d.ts:76 \n width \n • Optional width : Scriptable < number , PartialEventContext > \n Inherited from \n ArrowHeadOptions . width \n Defined in \n options.d.ts:71 \n"},{title:"Interface: BoxLabelOptions",frontmatter:{},regularPath:"/api/interfaces/BoxLabelOptions.html",relativePath:"api/interfaces/BoxLabelOptions.md",key:"v-1915dd1f",path:"/api/interfaces/BoxLabelOptions.html",headers:[{level:2,title:"Hierarchy",slug:"hierarchy"},{level:2,title:"Properties",slug:"properties"},{level:3,title:"color",slug:"color"},{level:3,title:"content",slug:"content"},{level:3,title:"display",slug:"display"},{level:3,title:"drawTime",slug:"drawtime"},{level:3,title:"font",slug:"font"},{level:3,title:"height",slug:"height"},{level:3,title:"hitTolerance",slug:"hittolerance"},{level:3,title:"opacity",slug:"opacity"},{level:3,title:"padding",slug:"padding"},{level:3,title:"position",slug:"position"},{level:3,title:"rotation",slug:"rotation"},{level:3,title:"textAlign",slug:"textalign"},{level:3,title:"textStrokeColor",slug:"textstrokecolor"},{level:3,title:"textStrokeWidth",slug:"textstrokewidth"},{level:3,title:"width",slug:"width"},{level:3,title:"xAdjust",slug:"xadjust"},{level:3,title:"yAdjust",slug:"yadjust"},{level:3,title:"z",slug:"z"}],content:" Interface: BoxLabelOptions \n Hierarchy \n \n \n CoreLabelOptions \n ↳ BoxLabelOptions \n Properties \n color \n • Optional color : Scriptable < Color | Color [], PartialEventContext > \n Inherited from \n CoreLabelOptions . color \n Defined in \n label.d.ts:43 \n content \n • content : Scriptable < string | string [] | HTMLCanvasElement | HTMLImageElement , PartialEventContext > \n Text to display in label. Provide an array to display multiple lines \n Inherited from \n CoreLabelOptions . content \n Defined in \n label.d.ts:73 \n display \n • Optional display : Scriptable < boolean , PartialEventContext > \n Whether the label should be displayed \n Default \n true \n Defined in \n label.d.ts:144 \n drawTime \n • Optional drawTime : Scriptable < DrawTime , PartialEventContext > \n Inherited from \n CoreLabelOptions . drawTime \n Defined in \n label.d.ts:41 \n font \n • Optional font : Scriptable < Partial < FontSpec > | Partial < FontSpec >[], PartialEventContext > \n Inherited from \n CoreLabelOptions . font \n Defined in \n label.d.ts:42 \n height \n • Optional height : Scriptable < number | `${number}%`, PartialEventContext > \n Overrides the height of the image. Could be set in pixel by a number,\nor in percentage of current height of image by a string \n Inherited from \n CoreLabelOptions . height \n Defined in \n label.d.ts:83 \n hitTolerance \n • Optional hitTolerance : Scriptable < number , PartialEventContext > \n Defined in \n label.d.ts:145 \n opacity \n • Optional opacity : Scriptable < number , PartialEventContext > \n Overrides the opacity of the image. \n Inherited from \n CoreLabelOptions . opacity \n Defined in \n label.d.ts:87 \n padding \n • Optional padding : Scriptable < number | LabelPadding , PartialEventContext > \n Padding of label \n Default \n 6 \n Inherited from \n CoreLabelOptions . padding \n Defined in \n label.d.ts:48 \n position \n • Optional position : Scriptable < LabelPosition | LabelPositionObject , PartialEventContext > \n Defined in \n label.d.ts:139 \n rotation \n • Optional rotation : Scriptable < number , PartialEventContext > \n Defined in \n label.d.ts:146 \n textAlign \n • Optional textAlign : Scriptable < LabelTextAlign , PartialEventContext > \n Text alignment when the content of the label is multi-line. \n Default \n 'center' \n Inherited from \n CoreLabelOptions . textAlign \n Defined in \n label.d.ts:53 \n textStrokeColor \n • Optional textStrokeColor : Scriptable < Color , PartialEventContext > \n Inherited from \n CoreLabelOptions . textStrokeColor \n Defined in \n label.d.ts:54 \n textStrokeWidth \n • Optional textStrokeWidth : Scriptable < number , PartialEventContext > \n Inherited from \n CoreLabelOptions . textStrokeWidth \n Defined in \n label.d.ts:55 \n width \n • Optional width : Scriptable < number | `${number}%`, PartialEventContext > \n Overrides the width of the image. Could be set in pixel by a number,\nor in percentage of current width of image by a string \n Inherited from \n CoreLabelOptions . width \n Defined in \n label.d.ts:78 \n xAdjust \n • Optional xAdjust : Scriptable < number , PartialEventContext > \n Adjustment along x-axis (left-right) of label relative to above number (can be negative)\nFor horizontal lines positioned left or right, negative values move\nthe label toward the edge, and positive values toward the center. \n Default \n 0 \n Inherited from \n CoreLabelOptions . xAdjust \n Defined in \n label.d.ts:62 \n yAdjust \n • Optional yAdjust : Scriptable < number , PartialEventContext > \n Adjustment along y-axis (top-bottom) of label relative to above number (can be negative)\nFor vertical lines positioned top or bottom, negative values move\nthe label toward the edge, and positive values toward the center. \n Default \n 0 \n Inherited from \n CoreLabelOptions . yAdjust \n Defined in \n label.d.ts:69 \n z \n • Optional z : Scriptable < number , PartialEventContext > \n Inherited from \n CoreLabelOptions . z \n Defined in \n label.d.ts:88 \n"},{title:"Interface: BoxAnnotationOptions",frontmatter:{},regularPath:"/api/interfaces/BoxAnnotationOptions.html",relativePath:"api/interfaces/BoxAnnotationOptions.md",key:"v-2e4ca05d",path:"/api/interfaces/BoxAnnotationOptions.html",headers:[{level:2,title:"Hierarchy",slug:"hierarchy"},{level:2,title:"Properties",slug:"properties"},{level:3,title:"adjustScaleRange",slug:"adjustscalerange"},{level:3,title:"backgroundColor",slug:"backgroundcolor"},{level:3,title:"backgroundShadowColor",slug:"backgroundshadowcolor"},{level:3,title:"borderCapStyle",slug:"bordercapstyle"},{level:3,title:"borderColor",slug:"bordercolor"},{level:3,title:"borderDash",slug:"borderdash"},{level:3,title:"borderDashOffset",slug:"borderdashoffset"},{level:3,title:"borderJoinStyle",slug:"borderjoinstyle"},{level:3,title:"borderRadius",slug:"borderradius"},{level:3,title:"borderShadowColor",slug:"bordershadowcolor"},{level:3,title:"borderWidth",slug:"borderwidth"},{level:3,title:"display",slug:"display"},{level:3,title:"drawTime",slug:"drawtime"},{level:3,title:"hitTolerance",slug:"hittolerance"},{level:3,title:"id",slug:"id"},{level:3,title:"init",slug:"init"},{level:3,title:"label",slug:"label"},{level:3,title:"rotation",slug:"rotation"},{level:3,title:"shadowBlur",slug:"shadowblur"},{level:3,title:"shadowOffsetX",slug:"shadowoffsetx"},{level:3,title:"shadowOffsetY",slug:"shadowoffsety"},{level:3,title:"xMax",slug:"xmax"},{level:3,title:"xMin",slug:"xmin"},{level:3,title:"xScaleID",slug:"xscaleid"},{level:3,title:"yMax",slug:"ymax"},{level:3,title:"yMin",slug:"ymin"},{level:3,title:"yScaleID",slug:"yscaleid"},{level:3,title:"z",slug:"z"},{level:2,title:"Methods",slug:"methods"},{level:3,title:"afterDraw",slug:"afterdraw"},{level:3,title:"beforeDraw",slug:"beforedraw"},{level:3,title:"click",slug:"click"},{level:3,title:"enter",slug:"enter"},{level:3,title:"leave",slug:"leave"}],content:" Interface: BoxAnnotationOptions \n Hierarchy \n \n \n CoreAnnotationOptions \n ↳ BoxAnnotationOptions \n Properties \n adjustScaleRange \n • Optional adjustScaleRange : Scriptable < boolean , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . adjustScaleRange \n Defined in \n options.d.ts:38 \n backgroundColor \n • Optional backgroundColor : Scriptable < Color , PartialEventContext > \n Defined in \n options.d.ts:95 \n backgroundShadowColor \n • Optional backgroundShadowColor : Scriptable < Color , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . backgroundShadowColor \n Defined in \n options.d.ts:30 \n borderCapStyle \n • Optional borderCapStyle : Scriptable < CanvasLineCap , PartialEventContext > \n Border line cap style. See MDN. \n Default \n 'butt' \n Defined in \n options.d.ts:100 \n borderColor \n • Optional borderColor : Scriptable < Color , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . borderColor \n Defined in \n options.d.ts:39 \n borderDash \n • Optional borderDash : Scriptable < number [], PartialEventContext > \n Border line dash. See MDN. \n Default \n [] \n Overrides \n CoreAnnotationOptions . borderDash \n Defined in \n options.d.ts:105 \n borderDashOffset \n • Optional borderDashOffset : Scriptable < number , PartialEventContext > \n Border line dash offset. See MDN. \n Default \n 0.0 \n Overrides \n CoreAnnotationOptions . borderDashOffset \n Defined in \n options.d.ts:110 \n borderJoinStyle \n • Optional borderJoinStyle : Scriptable < CanvasLineJoin , PartialEventContext > \n Border line join style. See MDN. \n Default \n 'miter' \n Defined in \n options.d.ts:115 \n borderRadius \n • Optional borderRadius : Scriptable < number | BorderRadius , PartialEventContext > \n Defined in \n options.d.ts:116 \n borderShadowColor \n • Optional borderShadowColor : Scriptable < Color , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . borderShadowColor \n Defined in \n options.d.ts:31 \n borderWidth \n • Optional borderWidth : Scriptable < number , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . borderWidth \n Defined in \n options.d.ts:42 \n display \n • Optional display : Scriptable < boolean , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . display \n Defined in \n options.d.ts:43 \n drawTime \n • Optional drawTime : Scriptable < DrawTime , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . drawTime \n Defined in \n options.d.ts:44 \n hitTolerance \n • Optional hitTolerance : Scriptable < number , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . hitTolerance \n Defined in \n options.d.ts:45 \n id \n • Optional id : string \n Inherited from \n CoreAnnotationOptions . id \n Defined in \n options.d.ts:47 \n init \n • Optional init : boolean | ( chart : Chart , properties : AnnotationBoxModel , options : AnnotationOptions ) => boolean | void | AnnotationElement \n Inherited from \n CoreAnnotationOptions . init \n Defined in \n options.d.ts:46 \n label \n • Optional label : BoxLabelOptions \n Defined in \n options.d.ts:117 \n rotation \n • Optional rotation : Scriptable < number , PartialEventContext > \n Defined in \n options.d.ts:118 \n shadowBlur \n • Optional shadowBlur : Scriptable < number , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . shadowBlur \n Defined in \n options.d.ts:32 \n shadowOffsetX \n • Optional shadowOffsetX : Scriptable < number , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . shadowOffsetX \n Defined in \n options.d.ts:33 \n shadowOffsetY \n • Optional shadowOffsetY : Scriptable < number , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . shadowOffsetY \n Defined in \n options.d.ts:34 \n xMax \n • Optional xMax : Scriptable < ScaleValue , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . xMax \n Defined in \n options.d.ts:48 \n xMin \n • Optional xMin : Scriptable < ScaleValue , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . xMin \n Defined in \n options.d.ts:49 \n xScaleID \n • Optional xScaleID : Scriptable < string , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . xScaleID \n Defined in \n options.d.ts:50 \n yMax \n • Optional yMax : Scriptable < ScaleValue , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . yMax \n Defined in \n options.d.ts:51 \n yMin \n • Optional yMin : Scriptable < ScaleValue , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . yMin \n Defined in \n options.d.ts:52 \n yScaleID \n • Optional yScaleID : Scriptable < string , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . yScaleID \n Defined in \n options.d.ts:53 \n z \n • Optional z : Scriptable < number , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . z \n Defined in \n options.d.ts:54 \n Methods \n afterDraw \n ▸ Optional afterDraw ( context ): void \n Parameters \n \n \n \n Name \n Type \n \n \n \n \n context \n EventContext \n Returns \n void \n Inherited from \n CoreAnnotationOptions . afterDraw \n Defined in \n options.d.ts:23 \n beforeDraw \n ▸ Optional beforeDraw ( context ): void \n Parameters \n \n \n \n Name \n Type \n \n \n \n \n context \n EventContext \n Returns \n void \n Inherited from \n CoreAnnotationOptions . beforeDraw \n Defined in \n options.d.ts:22 \n click \n ▸ Optional click ( context , event ): boolean | void \n Parameters \n \n \n \n Name \n Type \n \n \n \n \n context \n EventContext \n \n \n event \n ChartEvent \n Returns \n boolean | void \n Inherited from \n CoreAnnotationOptions . click \n Defined in \n events.d.ts:27 \n enter \n ▸ Optional enter ( context , event ): boolean | void \n Parameters \n \n \n \n Name \n Type \n \n \n \n \n context \n EventContext \n \n \n event \n ChartEvent \n Returns \n boolean | void \n Inherited from \n CoreAnnotationOptions . enter \n Defined in \n events.d.ts:25 \n leave \n ▸ Optional leave ( context , event ): boolean | void \n Parameters \n \n \n \n Name \n Type \n \n \n \n \n context \n EventContext \n \n \n event \n ChartEvent \n Returns \n boolean | void \n Inherited from \n CoreAnnotationOptions . leave \n Defined in \n events.d.ts:26 \n"},{title:"Interface: CalloutOptions",frontmatter:{},regularPath:"/api/interfaces/CalloutOptions.html",relativePath:"api/interfaces/CalloutOptions.md",key:"v-ec8d56c6",path:"/api/interfaces/CalloutOptions.html",headers:[{level:2,title:"Properties",slug:"properties"},{level:3,title:"borderCapStyle",slug:"bordercapstyle"},{level:3,title:"borderColor",slug:"bordercolor"},{level:3,title:"borderDash",slug:"borderdash"},{level:3,title:"borderDashOffset",slug:"borderdashoffset"},{level:3,title:"borderJoinStyle",slug:"borderjoinstyle"},{level:3,title:"borderWidth",slug:"borderwidth"},{level:3,title:"display",slug:"display"},{level:3,title:"margin",slug:"margin"},{level:3,title:"position",slug:"position"},{level:3,title:"side",slug:"side"},{level:3,title:"start",slug:"start"}],content:" Interface: CalloutOptions \n Properties \n borderCapStyle \n • Optional borderCapStyle : Scriptable < CanvasLineCap , PartialEventContext > \n Defined in \n label.d.ts:27 \n borderColor \n • Optional borderColor : Scriptable < Color , PartialEventContext > \n Defined in \n label.d.ts:28 \n borderDash \n • Optional borderDash : Scriptable < number [], PartialEventContext > \n Defined in \n label.d.ts:29 \n borderDashOffset \n • Optional borderDashOffset : Scriptable < number , PartialEventContext > \n Defined in \n label.d.ts:30 \n borderJoinStyle \n • Optional borderJoinStyle : Scriptable < CanvasLineJoin , PartialEventContext > \n Defined in \n label.d.ts:31 \n borderWidth \n • Optional borderWidth : Scriptable < number , PartialEventContext > \n Defined in \n label.d.ts:32 \n display \n • Optional display : Scriptable < boolean , PartialEventContext > \n Defined in \n label.d.ts:33 \n margin \n • Optional margin : Scriptable < number , PartialEventContext > \n Defined in \n label.d.ts:34 \n position \n • Optional position : Scriptable < CalloutPosition , PartialEventContext > \n Defined in \n label.d.ts:35 \n side \n • Optional side : Scriptable < number , PartialEventContext > \n Defined in \n label.d.ts:36 \n start \n • Optional start : Scriptable < string | number , PartialEventContext > \n Defined in \n label.d.ts:37 \n"},{title:"Interface: ControlPointOptions",frontmatter:{},regularPath:"/api/interfaces/ControlPointOptions.html",relativePath:"api/interfaces/ControlPointOptions.md",key:"v-6b2059b3",path:"/api/interfaces/ControlPointOptions.html",headers:[{level:2,title:"Properties",slug:"properties"},{level:3,title:"x",slug:"x"},{level:3,title:"y",slug:"y"}],content:" Interface: ControlPointOptions \n Properties \n x \n • Optional x : Scriptable < string | number , PartialEventContext > \n Defined in \n options.d.ts:80 \n y \n • Optional y : Scriptable < string | number , PartialEventContext > \n Defined in \n options.d.ts:81 \n"},{title:"Interface: 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: CoreAnnotationOptions",frontmatter:{},regularPath:"/api/interfaces/CoreAnnotationOptions.html",relativePath:"api/interfaces/CoreAnnotationOptions.md",key:"v-4b4d89e9",path:"/api/interfaces/CoreAnnotationOptions.html",headers:[{level:2,title:"Hierarchy",slug:"hierarchy"},{level:2,title:"Properties",slug:"properties"},{level:3,title:"adjustScaleRange",slug:"adjustscalerange"},{level:3,title:"backgroundShadowColor",slug:"backgroundshadowcolor"},{level:3,title:"borderColor",slug:"bordercolor"},{level:3,title:"borderDash",slug:"borderdash"},{level:3,title:"borderDashOffset",slug:"borderdashoffset"},{level:3,title:"borderShadowColor",slug:"bordershadowcolor"},{level:3,title:"borderWidth",slug:"borderwidth"},{level:3,title:"display",slug:"display"},{level:3,title:"drawTime",slug:"drawtime"},{level:3,title:"hitTolerance",slug:"hittolerance"},{level:3,title:"id",slug:"id"},{level:3,title:"init",slug:"init"},{level:3,title:"shadowBlur",slug:"shadowblur"},{level:3,title:"shadowOffsetX",slug:"shadowoffsetx"},{level:3,title:"shadowOffsetY",slug:"shadowoffsety"},{level:3,title:"xMax",slug:"xmax"},{level:3,title:"xMin",slug:"xmin"},{level:3,title:"xScaleID",slug:"xscaleid"},{level:3,title:"yMax",slug:"ymax"},{level:3,title:"yMin",slug:"ymin"},{level:3,title:"yScaleID",slug:"yscaleid"},{level:3,title:"z",slug:"z"},{level:2,title:"Methods",slug:"methods"},{level:3,title:"afterDraw",slug:"afterdraw"},{level:3,title:"beforeDraw",slug:"beforedraw"},{level:3,title:"click",slug:"click"},{level:3,title:"enter",slug:"enter"},{level:3,title:"leave",slug:"leave"}],content:" Interface: CoreAnnotationOptions \n Hierarchy \n \n \n AnnotationEvents \n \n \n ShadowOptions \n \n \n AnnotationHooks \n ↳ CoreAnnotationOptions \n ↳↳ LineAnnotationOptions \n ↳↳ BoxAnnotationOptions \n ↳↳ EllipseAnnotationOptions \n ↳↳ PointAnnotationOptions \n ↳↳ LabelAnnotationOptions \n ↳↳ PolygonAnnotationOptions \n Properties \n adjustScaleRange \n • Optional adjustScaleRange : Scriptable < boolean , PartialEventContext > \n Defined in \n options.d.ts:38 \n backgroundShadowColor \n • Optional backgroundShadowColor : Scriptable < Color , PartialEventContext > \n Inherited from \n ShadowOptions . backgroundShadowColor \n Defined in \n options.d.ts:30 \n borderColor \n • Optional borderColor : Scriptable < Color , PartialEventContext > \n Defined in \n options.d.ts:39 \n borderDash \n • Optional borderDash : Scriptable < number [], PartialEventContext > \n Defined in \n options.d.ts:40 \n borderDashOffset \n • Optional borderDashOffset : Scriptable < number , PartialEventContext > \n Defined in \n options.d.ts:41 \n borderShadowColor \n • Optional borderShadowColor : Scriptable < Color , PartialEventContext > \n Inherited from \n ShadowOptions . borderShadowColor \n Defined in \n options.d.ts:31 \n borderWidth \n • Optional borderWidth : Scriptable < number , PartialEventContext > \n Defined in \n options.d.ts:42 \n display \n • Optional display : Scriptable < boolean , PartialEventContext > \n Defined in \n options.d.ts:43 \n drawTime \n • Optional drawTime : Scriptable < DrawTime , PartialEventContext > \n Defined in \n options.d.ts:44 \n hitTolerance \n • Optional hitTolerance : Scriptable < number , PartialEventContext > \n Defined in \n options.d.ts:45 \n id \n • Optional id : string \n Defined in \n options.d.ts:47 \n init \n • Optional init : boolean | ( chart : Chart , properties : AnnotationBoxModel , options : AnnotationOptions ) => boolean | void | AnnotationElement \n Defined in \n options.d.ts:46 \n shadowBlur \n • Optional shadowBlur : Scriptable < number , PartialEventContext > \n Inherited from \n ShadowOptions . shadowBlur \n Defined in \n options.d.ts:32 \n shadowOffsetX \n • Optional shadowOffsetX : Scriptable < number , PartialEventContext > \n Inherited from \n ShadowOptions . shadowOffsetX \n Defined in \n options.d.ts:33 \n shadowOffsetY \n • Optional shadowOffsetY : Scriptable < number , PartialEventContext > \n Inherited from \n ShadowOptions . shadowOffsetY \n Defined in \n options.d.ts:34 \n xMax \n • Optional xMax : Scriptable < ScaleValue , PartialEventContext > \n Defined in \n options.d.ts:48 \n xMin \n • Optional xMin : Scriptable < ScaleValue , PartialEventContext > \n Defined in \n options.d.ts:49 \n xScaleID \n • Optional xScaleID : Scriptable < string , PartialEventContext > \n Defined in \n options.d.ts:50 \n yMax \n • Optional yMax : Scriptable < ScaleValue , PartialEventContext > \n Defined in \n options.d.ts:51 \n yMin \n • Optional yMin : Scriptable < ScaleValue , PartialEventContext > \n Defined in \n options.d.ts:52 \n yScaleID \n • Optional yScaleID : Scriptable < string , PartialEventContext > \n Defined in \n options.d.ts:53 \n z \n • Optional z : Scriptable < number , PartialEventContext > \n Defined in \n options.d.ts:54 \n Methods \n afterDraw \n ▸ Optional afterDraw ( context ): void \n Parameters \n \n \n \n Name \n Type \n \n \n \n \n context \n EventContext \n Returns \n void \n Inherited from \n AnnotationHooks . afterDraw \n Defined in \n options.d.ts:23 \n beforeDraw \n ▸ Optional beforeDraw ( context ): void \n Parameters \n \n \n \n Name \n Type \n \n \n \n \n context \n EventContext \n Returns \n void \n Inherited from \n AnnotationHooks . beforeDraw \n Defined in \n options.d.ts:22 \n click \n ▸ Optional click ( context , event ): boolean | void \n Parameters \n \n \n \n Name \n Type \n \n \n \n \n context \n EventContext \n \n \n event \n ChartEvent \n Returns \n boolean | void \n Inherited from \n AnnotationEvents . click \n Defined in \n events.d.ts:27 \n enter \n ▸ Optional enter ( context , event ): boolean | void \n Parameters \n \n \n \n Name \n Type \n \n \n \n \n context \n EventContext \n \n \n event \n ChartEvent \n Returns \n boolean | void \n Inherited from \n AnnotationEvents . enter \n Defined in \n events.d.ts:25 \n leave \n ▸ Optional leave ( context , event ): boolean | void \n Parameters \n \n \n \n Name \n Type \n \n \n \n \n context \n EventContext \n \n \n event \n ChartEvent \n Returns \n boolean | void \n Inherited from \n AnnotationEvents . leave \n Defined in \n events.d.ts:26 \n"},{title:"Interface: EllipseAnnotationOptions",frontmatter:{},regularPath:"/api/interfaces/EllipseAnnotationOptions.html",relativePath:"api/interfaces/EllipseAnnotationOptions.md",key:"v-49180d06",path:"/api/interfaces/EllipseAnnotationOptions.html",headers:[{level:2,title:"Hierarchy",slug:"hierarchy"},{level:2,title:"Properties",slug:"properties"},{level:3,title:"adjustScaleRange",slug:"adjustscalerange"},{level:3,title:"backgroundColor",slug:"backgroundcolor"},{level:3,title:"backgroundShadowColor",slug:"backgroundshadowcolor"},{level:3,title:"borderColor",slug:"bordercolor"},{level:3,title:"borderDash",slug:"borderdash"},{level:3,title:"borderDashOffset",slug:"borderdashoffset"},{level:3,title:"borderShadowColor",slug:"bordershadowcolor"},{level:3,title:"borderWidth",slug:"borderwidth"},{level:3,title:"display",slug:"display"},{level:3,title:"drawTime",slug:"drawtime"},{level:3,title:"hitTolerance",slug:"hittolerance"},{level:3,title:"id",slug:"id"},{level:3,title:"init",slug:"init"},{level:3,title:"label",slug:"label"},{level:3,title:"rotation",slug:"rotation"},{level:3,title:"shadowBlur",slug:"shadowblur"},{level:3,title:"shadowOffsetX",slug:"shadowoffsetx"},{level:3,title:"shadowOffsetY",slug:"shadowoffsety"},{level:3,title:"xMax",slug:"xmax"},{level:3,title:"xMin",slug:"xmin"},{level:3,title:"xScaleID",slug:"xscaleid"},{level:3,title:"yMax",slug:"ymax"},{level:3,title:"yMin",slug:"ymin"},{level:3,title:"yScaleID",slug:"yscaleid"},{level:3,title:"z",slug:"z"},{level:2,title:"Methods",slug:"methods"},{level:3,title:"afterDraw",slug:"afterdraw"},{level:3,title:"beforeDraw",slug:"beforedraw"},{level:3,title:"click",slug:"click"},{level:3,title:"enter",slug:"enter"},{level:3,title:"leave",slug:"leave"}],content:" Interface: EllipseAnnotationOptions \n Hierarchy \n \n \n CoreAnnotationOptions \n ↳ EllipseAnnotationOptions \n Properties \n adjustScaleRange \n • Optional adjustScaleRange : Scriptable < boolean , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . adjustScaleRange \n Defined in \n options.d.ts:38 \n backgroundColor \n • Optional backgroundColor : Scriptable < Color , PartialEventContext > \n Defined in \n options.d.ts:122 \n backgroundShadowColor \n • Optional backgroundShadowColor : Scriptable < Color , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . backgroundShadowColor \n Defined in \n options.d.ts:30 \n borderColor \n • Optional borderColor : Scriptable < Color , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . borderColor \n Defined in \n options.d.ts:39 \n borderDash \n • Optional borderDash : Scriptable < number [], PartialEventContext > \n Inherited from \n CoreAnnotationOptions . borderDash \n Defined in \n options.d.ts:40 \n borderDashOffset \n • Optional borderDashOffset : Scriptable < number , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . borderDashOffset \n Defined in \n options.d.ts:41 \n borderShadowColor \n • Optional borderShadowColor : Scriptable < Color , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . borderShadowColor \n Defined in \n options.d.ts:31 \n borderWidth \n • Optional borderWidth : Scriptable < number , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . borderWidth \n Defined in \n options.d.ts:42 \n display \n • Optional display : Scriptable < boolean , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . display \n Defined in \n options.d.ts:43 \n drawTime \n • Optional drawTime : Scriptable < DrawTime , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . drawTime \n Defined in \n options.d.ts:44 \n hitTolerance \n • Optional hitTolerance : Scriptable < number , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . hitTolerance \n Defined in \n options.d.ts:45 \n id \n • Optional id : string \n Inherited from \n CoreAnnotationOptions . id \n Defined in \n options.d.ts:47 \n init \n • Optional init : boolean | ( chart : Chart , properties : AnnotationBoxModel , options : AnnotationOptions ) => boolean | void | AnnotationElement \n Inherited from \n CoreAnnotationOptions . init \n Defined in \n options.d.ts:46 \n label \n • Optional label : BoxLabelOptions \n Defined in \n options.d.ts:123 \n rotation \n • Optional rotation : Scriptable < number , PartialEventContext > \n Defined in \n options.d.ts:124 \n shadowBlur \n • Optional shadowBlur : Scriptable < number , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . shadowBlur \n Defined in \n options.d.ts:32 \n shadowOffsetX \n • Optional shadowOffsetX : Scriptable < number , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . shadowOffsetX \n Defined in \n options.d.ts:33 \n shadowOffsetY \n • Optional shadowOffsetY : Scriptable < number , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . shadowOffsetY \n Defined in \n options.d.ts:34 \n xMax \n • Optional xMax : Scriptable < ScaleValue , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . xMax \n Defined in \n options.d.ts:48 \n xMin \n • Optional xMin : Scriptable < ScaleValue , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . xMin \n Defined in \n options.d.ts:49 \n xScaleID \n • Optional xScaleID : Scriptable < string , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . xScaleID \n Defined in \n options.d.ts:50 \n yMax \n • Optional yMax : Scriptable < ScaleValue , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . yMax \n Defined in \n options.d.ts:51 \n yMin \n • Optional yMin : Scriptable < ScaleValue , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . yMin \n Defined in \n options.d.ts:52 \n yScaleID \n • Optional yScaleID : Scriptable < string , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . yScaleID \n Defined in \n options.d.ts:53 \n z \n • Optional z : Scriptable < number , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . z \n Defined in \n options.d.ts:54 \n Methods \n afterDraw \n ▸ Optional afterDraw ( context ): void \n Parameters \n \n \n \n Name \n Type \n \n \n \n \n context \n EventContext \n Returns \n void \n Inherited from \n CoreAnnotationOptions . afterDraw \n Defined in \n options.d.ts:23 \n beforeDraw \n ▸ Optional beforeDraw ( context ): void \n Parameters \n \n \n \n Name \n Type \n \n \n \n \n context \n EventContext \n Returns \n void \n Inherited from \n CoreAnnotationOptions . beforeDraw \n Defined in \n options.d.ts:22 \n click \n ▸ Optional click ( context , event ): boolean | void \n Parameters \n \n \n \n Name \n Type \n \n \n \n \n context \n EventContext \n \n \n event \n ChartEvent \n Returns \n boolean | void \n Inherited from \n CoreAnnotationOptions . click \n Defined in \n events.d.ts:27 \n enter \n ▸ Optional enter ( context , event ): boolean | void \n Parameters \n \n \n \n Name \n Type \n \n \n \n \n context \n EventContext \n \n \n event \n ChartEvent \n Returns \n boolean | void \n Inherited from \n CoreAnnotationOptions . enter \n Defined in \n events.d.ts:25 \n leave \n ▸ Optional leave ( context , event ): boolean | void \n Parameters \n \n \n \n Name \n Type \n \n \n \n \n context \n EventContext \n \n \n event \n ChartEvent \n Returns \n boolean | void \n Inherited from \n CoreAnnotationOptions . leave \n Defined in \n events.d.ts:26 \n"},{title:"Interface: CoreLabelOptions",frontmatter:{},regularPath:"/api/interfaces/CoreLabelOptions.html",relativePath:"api/interfaces/CoreLabelOptions.md",key:"v-c42c2106",path:"/api/interfaces/CoreLabelOptions.html",headers:[{level:2,title:"Hierarchy",slug:"hierarchy"},{level:2,title:"Properties",slug:"properties"},{level:3,title:"color",slug:"color"},{level:3,title:"content",slug:"content"},{level:3,title:"drawTime",slug:"drawtime"},{level:3,title:"font",slug:"font"},{level:3,title:"height",slug:"height"},{level:3,title:"opacity",slug:"opacity"},{level:3,title:"padding",slug:"padding"},{level:3,title:"textAlign",slug:"textalign"},{level:3,title:"textStrokeColor",slug:"textstrokecolor"},{level:3,title:"textStrokeWidth",slug:"textstrokewidth"},{level:3,title:"width",slug:"width"},{level:3,title:"xAdjust",slug:"xadjust"},{level:3,title:"yAdjust",slug:"yadjust"},{level:3,title:"z",slug:"z"}],content:" Interface: CoreLabelOptions \n Hierarchy \n \n \n CoreLabelOptions \n ↳ ContainedLabelOptions \n ↳ BoxLabelOptions \n Properties \n color \n • Optional color : Scriptable < Color | Color [], PartialEventContext > \n Defined in \n label.d.ts:43 \n content \n • content : Scriptable < string | string [] | HTMLCanvasElement | HTMLImageElement , PartialEventContext > \n Text to display in label. Provide an array to display multiple lines \n Defined in \n label.d.ts:73 \n drawTime \n • Optional drawTime : Scriptable < DrawTime , PartialEventContext > \n Defined in \n label.d.ts:41 \n font \n • Optional font : Scriptable < Partial < FontSpec > | Partial < FontSpec >[], PartialEventContext > \n Defined in \n label.d.ts:42 \n height \n • Optional height : Scriptable < number | `${number}%`, PartialEventContext > \n Overrides the height of the image. Could be set in pixel by a number,\nor in percentage of current height of image by a string \n Defined in \n label.d.ts:83 \n opacity \n • Optional opacity : Scriptable < number , PartialEventContext > \n Overrides the opacity of the image. \n Defined in \n label.d.ts:87 \n padding \n • Optional padding : Scriptable < number | LabelPadding , PartialEventContext > \n Padding of label \n Default \n 6 \n Defined in \n label.d.ts:48 \n textAlign \n • Optional textAlign : Scriptable < LabelTextAlign , PartialEventContext > \n Text alignment when the content of the label is multi-line. \n Default \n 'center' \n Defined in \n label.d.ts:53 \n textStrokeColor \n • Optional textStrokeColor : Scriptable < Color , PartialEventContext > \n Defined in \n label.d.ts:54 \n textStrokeWidth \n • Optional textStrokeWidth : Scriptable < number , PartialEventContext > \n Defined in \n label.d.ts:55 \n width \n • Optional width : Scriptable < number | `${number}%`, PartialEventContext > \n Overrides the width of the image. Could be set in pixel by a number,\nor in percentage of current width of image by a string \n Defined in \n label.d.ts:78 \n xAdjust \n • Optional xAdjust : Scriptable < number , PartialEventContext > \n Adjustment along x-axis (left-right) of label relative to above number (can be negative)\nFor horizontal lines positioned left or right, negative values move\nthe label toward the edge, and positive values toward the center. \n Default \n 0 \n Defined in \n label.d.ts:62 \n yAdjust \n • Optional yAdjust : Scriptable < number , PartialEventContext > \n Adjustment along y-axis (top-bottom) of label relative to above number (can be negative)\nFor vertical lines positioned top or bottom, negative values move\nthe label toward the edge, and positive values toward the center. \n Default \n 0 \n Defined in \n label.d.ts:69 \n z \n • Optional z : Scriptable < number , PartialEventContext > \n Defined in \n label.d.ts:88 \n"},{title:"Interface: EventContext",frontmatter:{},regularPath:"/api/interfaces/EventContext.html",relativePath:"api/interfaces/EventContext.md",key:"v-29e3487d",path:"/api/interfaces/EventContext.html",headers:[{level:2,title:"Properties",slug:"properties"},{level:3,title:"chart",slug:"chart"},{level:3,title:"element",slug:"element"},{level:3,title:"elements",slug:"elements"},{level:3,title:"id",slug:"id"},{level:3,title:"type",slug:"type"}],content:" Interface: EventContext \n Properties \n chart \n • chart : Chart \n Defined in \n events.d.ts:5 \n element \n • element : AnnotationElement \n Defined in \n events.d.ts:6 \n elements \n • elements : AnnotationElement [] \n Defined in \n events.d.ts:7 \n id \n • id : string \n Defined in \n events.d.ts:8 \n type \n • type : string \n Defined in \n events.d.ts:9 \n"},{title:"Interface: LabelPadding",frontmatter:{},regularPath:"/api/interfaces/LabelPadding.html",relativePath:"api/interfaces/LabelPadding.md",key:"v-35d1c17d",path:"/api/interfaces/LabelPadding.html",headers:[{level:2,title:"Properties",slug:"properties"},{level:3,title:"bottom",slug:"bottom"},{level:3,title:"left",slug:"left"},{level:3,title:"right",slug:"right"},{level:3,title:"top",slug:"top"},{level:3,title:"x",slug:"x"},{level:3,title:"y",slug:"y"}],content:" Interface: LabelPadding \n Properties \n bottom \n • Optional bottom : number \n Defined in \n label.d.ts:21 \n left \n • Optional left : number \n Defined in \n label.d.ts:19 \n right \n • Optional right : number \n Defined in \n label.d.ts:20 \n top \n • Optional top : number \n Defined in \n label.d.ts:18 \n x \n • Optional x : number \n Defined in \n label.d.ts:22 \n y \n • Optional y : number \n Defined in \n label.d.ts:23 \n"},{title:"Interface: LabelAnnotationOptions",frontmatter:{},regularPath:"/api/interfaces/LabelAnnotationOptions.html",relativePath:"api/interfaces/LabelAnnotationOptions.md",key:"v-f13aec06",path:"/api/interfaces/LabelAnnotationOptions.html",headers:[{level:2,title:"Hierarchy",slug:"hierarchy"},{level:2,title:"Properties",slug:"properties"},{level:3,title:"adjustScaleRange",slug:"adjustscalerange"},{level:3,title:"backgroundColor",slug:"backgroundcolor"},{level:3,title:"backgroundShadowColor",slug:"backgroundshadowcolor"},{level:3,title:"borderCapStyle",slug:"bordercapstyle"},{level:3,title:"borderColor",slug:"bordercolor"},{level:3,title:"borderDash",slug:"borderdash"},{level:3,title:"borderDashOffset",slug:"borderdashoffset"},{level:3,title:"borderJoinStyle",slug:"borderjoinstyle"},{level:3,title:"borderRadius",slug:"borderradius"},{level:3,title:"borderShadowColor",slug:"bordershadowcolor"},{level:3,title:"borderWidth",slug:"borderwidth"},{level:3,title:"callout",slug:"callout"},{level:3,title:"color",slug:"color"},{level:3,title:"content",slug:"content"},{level:3,title:"display",slug:"display"},{level:3,title:"drawTime",slug:"drawtime"},{level:3,title:"font",slug:"font"},{level:3,title:"height",slug:"height"},{level:3,title:"hitTolerance",slug:"hittolerance"},{level:3,title:"id",slug:"id"},{level:3,title:"init",slug:"init"},{level:3,title:"opacity",slug:"opacity"},{level:3,title:"padding",slug:"padding"},{level:3,title:"position",slug:"position"},{level:3,title:"rotation",slug:"rotation"},{level:3,title:"shadowBlur",slug:"shadowblur"},{level:3,title:"shadowOffsetX",slug:"shadowoffsetx"},{level:3,title:"shadowOffsetY",slug:"shadowoffsety"},{level:3,title:"textAlign",slug:"textalign"},{level:3,title:"textStrokeColor",slug:"textstrokecolor"},{level:3,title:"textStrokeWidth",slug:"textstrokewidth"},{level:3,title:"width",slug:"width"},{level:3,title:"xAdjust",slug:"xadjust"},{level:3,title:"xMax",slug:"xmax"},{level:3,title:"xMin",slug:"xmin"},{level:3,title:"xScaleID",slug:"xscaleid"},{level:3,title:"xValue",slug:"xvalue"},{level:3,title:"yAdjust",slug:"yadjust"},{level:3,title:"yMax",slug:"ymax"},{level:3,title:"yMin",slug:"ymin"},{level:3,title:"yScaleID",slug:"yscaleid"},{level:3,title:"yValue",slug:"yvalue"},{level:3,title:"z",slug:"z"},{level:2,title:"Methods",slug:"methods"},{level:3,title:"afterDraw",slug:"afterdraw"},{level:3,title:"beforeDraw",slug:"beforedraw"},{level:3,title:"click",slug:"click"},{level:3,title:"enter",slug:"enter"},{level:3,title:"leave",slug:"leave"}],content:" Interface: LabelAnnotationOptions \n Hierarchy \n \n \n CoreAnnotationOptions \n \n \n LabelTypeOptions \n \n \n AnnotationPointCoordinates \n ↳ LabelAnnotationOptions \n Properties \n adjustScaleRange \n • Optional adjustScaleRange : Scriptable < boolean , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . adjustScaleRange \n Defined in \n options.d.ts:38 \n backgroundColor \n • Optional backgroundColor : Scriptable < Color , PartialEventContext > \n Inherited from \n LabelTypeOptions . backgroundColor \n Defined in \n label.d.ts:92 \n backgroundShadowColor \n • Optional backgroundShadowColor : Scriptable < Color , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . backgroundShadowColor \n Defined in \n options.d.ts:30 \n borderCapStyle \n • Optional borderCapStyle : Scriptable < CanvasLineCap , PartialEventContext > \n Border line cap style. See MDN. \n Default \n 'butt' \n Inherited from \n LabelTypeOptions . borderCapStyle \n Defined in \n label.d.ts:99 \n borderColor \n • Optional borderColor : Scriptable < Color , PartialEventContext > \n Inherited from \n LabelTypeOptions . borderColor \n Defined in \n options.d.ts:39 \n borderDash \n • Optional borderDash : Scriptable < number [], PartialEventContext > \n Border line dash. See MDN. \n Default \n [] \n Inherited from \n LabelTypeOptions . borderDash \n Defined in \n options.d.ts:40 \n borderDashOffset \n • Optional borderDashOffset : Scriptable < number , PartialEventContext > \n Border line dash offset. See MDN. \n Default \n 0.0 \n Inherited from \n LabelTypeOptions . borderDashOffset \n Defined in \n options.d.ts:41 \n borderJoinStyle \n • Optional borderJoinStyle : Scriptable < CanvasLineJoin , PartialEventContext > \n Border line join style. See MDN. \n Default \n 'miter' \n Inherited from \n LabelTypeOptions . borderJoinStyle \n Defined in \n label.d.ts:114 \n borderRadius \n • Optional borderRadius : Scriptable < number | BorderRadius , PartialEventContext > \n Border radius of the label rectangle \n Default \n 6 \n Inherited from \n LabelTypeOptions . borderRadius \n Defined in \n label.d.ts:119 \n borderShadowColor \n • Optional borderShadowColor : Scriptable < Color , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . borderShadowColor \n Defined in \n options.d.ts:31 \n borderWidth \n • Optional borderWidth : Scriptable < number , PartialEventContext > \n Inherited from \n LabelTypeOptions . borderWidth \n Defined in \n options.d.ts:42 \n callout \n • Optional callout : CalloutOptions \n Inherited from \n LabelTypeOptions . callout \n Defined in \n label.d.ts:120 \n color \n • Optional color : Scriptable < Color | Color [], PartialEventContext > \n Inherited from \n LabelTypeOptions . color \n Defined in \n label.d.ts:43 \n content \n • content : Scriptable < string | string [] | HTMLCanvasElement | HTMLImageElement , PartialEventContext > \n Text to display in label. Provide an array to display multiple lines \n Inherited from \n LabelTypeOptions . content \n Defined in \n label.d.ts:73 \n display \n • Optional display : Scriptable < boolean , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . display \n Defined in \n options.d.ts:43 \n drawTime \n • Optional drawTime : Scriptable < DrawTime , PartialEventContext > \n Inherited from \n LabelTypeOptions . drawTime \n Defined in \n options.d.ts:44 \n font \n • Optional font : Scriptable < Partial < FontSpec > | Partial < FontSpec >[], PartialEventContext > \n Inherited from \n LabelTypeOptions . font \n Defined in \n label.d.ts:42 \n height \n • Optional height : Scriptable < number | `${number}%`, PartialEventContext > \n Overrides the height of the image. Could be set in pixel by a number,\nor in percentage of current height of image by a string \n Inherited from \n LabelTypeOptions . height \n Defined in \n label.d.ts:83 \n hitTolerance \n • Optional hitTolerance : Scriptable < number , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . hitTolerance \n Defined in \n options.d.ts:45 \n id \n • Optional id : string \n Inherited from \n CoreAnnotationOptions . id \n Defined in \n options.d.ts:47 \n init \n • Optional init : boolean | ( chart : Chart , properties : AnnotationBoxModel , options : AnnotationOptions ) => boolean | void | AnnotationElement \n Inherited from \n CoreAnnotationOptions . init \n Defined in \n options.d.ts:46 \n opacity \n • Optional opacity : Scriptable < number , PartialEventContext > \n Overrides the opacity of the image. \n Inherited from \n LabelTypeOptions . opacity \n Defined in \n label.d.ts:87 \n padding \n • Optional padding : Scriptable < number | LabelPadding , PartialEventContext > \n Padding of label \n Default \n 6 \n Inherited from \n LabelTypeOptions . padding \n Defined in \n label.d.ts:48 \n position \n • Optional position : Scriptable < LabelPosition | LabelPositionObject , PartialEventContext > \n Inherited from \n LabelTypeOptions . position \n Defined in \n label.d.ts:150 \n rotation \n • Optional rotation : Scriptable < number , PartialEventContext > \n Defined in \n options.d.ts:137 \n shadowBlur \n • Optional shadowBlur : Scriptable < number , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . shadowBlur \n Defined in \n options.d.ts:32 \n shadowOffsetX \n • Optional shadowOffsetX : Scriptable < number , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . shadowOffsetX \n Defined in \n options.d.ts:33 \n shadowOffsetY \n • Optional shadowOffsetY : Scriptable < number , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . shadowOffsetY \n Defined in \n options.d.ts:34 \n textAlign \n • Optional textAlign : Scriptable < LabelTextAlign , PartialEventContext > \n Text alignment when the content of the label is multi-line. \n Default \n 'center' \n Inherited from \n LabelTypeOptions . textAlign \n Defined in \n label.d.ts:53 \n textStrokeColor \n • Optional textStrokeColor : Scriptable < Color , PartialEventContext > \n Inherited from \n LabelTypeOptions . textStrokeColor \n Defined in \n label.d.ts:54 \n textStrokeWidth \n • Optional textStrokeWidth : Scriptable < number , PartialEventContext > \n Inherited from \n LabelTypeOptions . textStrokeWidth \n Defined in \n label.d.ts:55 \n width \n • Optional width : Scriptable < number | `${number}%`, PartialEventContext > \n Overrides the width of the image. Could be set in pixel by a number,\nor in percentage of current width of image by a string \n Inherited from \n LabelTypeOptions . width \n Defined in \n label.d.ts:78 \n xAdjust \n • Optional xAdjust : Scriptable < number , PartialEventContext > \n Adjustment along x-axis (left-right) of label relative to above number (can be negative)\nFor horizontal lines positioned left or right, negative values move\nthe label toward the edge, and positive values toward the center. \n Default \n 0 \n Inherited from \n LabelTypeOptions . xAdjust \n Defined in \n label.d.ts:62 \n xMax \n • Optional xMax : Scriptable < ScaleValue , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . xMax \n Defined in \n options.d.ts:48 \n xMin \n • Optional xMin : Scriptable < ScaleValue , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . xMin \n Defined in \n options.d.ts:49 \n xScaleID \n • Optional xScaleID : Scriptable < string , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . xScaleID \n Defined in \n options.d.ts:50 \n xValue \n • Optional xValue : Scriptable < ScaleValue , PartialEventContext > \n Inherited from \n AnnotationPointCoordinates . xValue \n Defined in \n options.d.ts:58 \n yAdjust \n • Optional yAdjust : Scriptable < number , PartialEventContext > \n Adjustment along y-axis (top-bottom) of label relative to above number (can be negative)\nFor vertical lines positioned top or bottom, negative values move\nthe label toward the edge, and positive values toward the center. \n Default \n 0 \n Inherited from \n LabelTypeOptions . yAdjust \n Defined in \n label.d.ts:69 \n yMax \n • Optional yMax : Scriptable < ScaleValue , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . yMax \n Defined in \n options.d.ts:51 \n yMin \n • Optional yMin : Scriptable < ScaleValue , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . yMin \n Defined in \n options.d.ts:52 \n yScaleID \n • Optional yScaleID : Scriptable < string , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . yScaleID \n Defined in \n options.d.ts:53 \n yValue \n • Optional yValue : Scriptable < ScaleValue , PartialEventContext > \n Inherited from \n AnnotationPointCoordinates . yValue \n Defined in \n options.d.ts:59 \n z \n • Optional z : Scriptable < number , PartialEventContext > \n Inherited from \n LabelTypeOptions . z \n Defined in \n options.d.ts:54 \n Methods \n afterDraw \n ▸ Optional afterDraw ( context ): void \n Parameters \n \n \n \n Name \n Type \n \n \n \n \n context \n EventContext \n Returns \n void \n Inherited from \n CoreAnnotationOptions . afterDraw \n Defined in \n options.d.ts:23 \n beforeDraw \n ▸ Optional beforeDraw ( context ): void \n Parameters \n \n \n \n Name \n Type \n \n \n \n \n context \n EventContext \n Returns \n void \n Inherited from \n CoreAnnotationOptions . beforeDraw \n Defined in \n options.d.ts:22 \n click \n ▸ Optional click ( context , event ): boolean | void \n Parameters \n \n \n \n Name \n Type \n \n \n \n \n context \n EventContext \n \n \n event \n ChartEvent \n Returns \n boolean | void \n Inherited from \n CoreAnnotationOptions . click \n Defined in \n events.d.ts:27 \n enter \n ▸ Optional enter ( context , event ): boolean | void \n Parameters \n \n \n \n Name \n Type \n \n \n \n \n context \n EventContext \n \n \n event \n ChartEvent \n Returns \n boolean | void \n Inherited from \n CoreAnnotationOptions . enter \n Defined in \n events.d.ts:25 \n leave \n ▸ Optional leave ( context , event ): boolean | void \n Parameters \n \n \n \n Name \n Type \n \n \n \n \n context \n EventContext \n \n \n event \n ChartEvent \n Returns \n boolean | void \n Inherited from \n CoreAnnotationOptions . leave \n Defined in \n events.d.ts:26 \n"},{title:"Interface: LabelOptions",frontmatter:{},regularPath:"/api/interfaces/LabelOptions.html",relativePath:"api/interfaces/LabelOptions.md",key:"v-3e5dcf1d",path:"/api/interfaces/LabelOptions.html",headers:[{level:2,title:"Hierarchy",slug:"hierarchy"},{level:2,title:"Properties",slug:"properties"},{level:3,title:"backgroundColor",slug:"backgroundcolor"},{level:3,title:"backgroundShadowColor",slug:"backgroundshadowcolor"},{level:3,title:"borderCapStyle",slug:"bordercapstyle"},{level:3,title:"borderColor",slug:"bordercolor"},{level:3,title:"borderDash",slug:"borderdash"},{level:3,title:"borderDashOffset",slug:"borderdashoffset"},{level:3,title:"borderJoinStyle",slug:"borderjoinstyle"},{level:3,title:"borderRadius",slug:"borderradius"},{level:3,title:"borderShadowColor",slug:"bordershadowcolor"},{level:3,title:"borderWidth",slug:"borderwidth"},{level:3,title:"callout",slug:"callout"},{level:3,title:"color",slug:"color"},{level:3,title:"content",slug:"content"},{level:3,title:"display",slug:"display"},{level:3,title:"drawTime",slug:"drawtime"},{level:3,title:"font",slug:"font"},{level:3,title:"height",slug:"height"},{level:3,title:"hitTolerance",slug:"hittolerance"},{level:3,title:"opacity",slug:"opacity"},{level:3,title:"padding",slug:"padding"},{level:3,title:"position",slug:"position"},{level:3,title:"rotation",slug:"rotation"},{level:3,title:"shadowBlur",slug:"shadowblur"},{level:3,title:"shadowOffsetX",slug:"shadowoffsetx"},{level:3,title:"shadowOffsetY",slug:"shadowoffsety"},{level:3,title:"textAlign",slug:"textalign"},{level:3,title:"textStrokeColor",slug:"textstrokecolor"},{level:3,title:"textStrokeWidth",slug:"textstrokewidth"},{level:3,title:"width",slug:"width"},{level:3,title:"xAdjust",slug:"xadjust"},{level:3,title:"yAdjust",slug:"yadjust"},{level:3,title:"z",slug:"z"}],content:" Interface: LabelOptions \n Hierarchy \n \n \n ContainedLabelOptions \n \n \n ShadowOptions \n ↳ LabelOptions \n Properties \n backgroundColor \n • Optional backgroundColor : Scriptable < Color , PartialEventContext > \n Inherited from \n ContainedLabelOptions . backgroundColor \n Defined in \n label.d.ts:92 \n backgroundShadowColor \n • Optional backgroundShadowColor : Scriptable < Color , PartialEventContext > \n Inherited from \n ShadowOptions . backgroundShadowColor \n Defined in \n options.d.ts:30 \n borderCapStyle \n • Optional borderCapStyle : Scriptable < CanvasLineCap , PartialEventContext > \n Border line cap style. See MDN. \n Default \n 'butt' \n Inherited from \n ContainedLabelOptions . borderCapStyle \n Defined in \n label.d.ts:99 \n borderColor \n • Optional borderColor : Scriptable < Color , PartialEventContext > \n Inherited from \n ContainedLabelOptions . borderColor \n Defined in \n label.d.ts:94 \n borderDash \n • Optional borderDash : Scriptable < number [], PartialEventContext > \n Border line dash. See MDN. \n Default \n [] \n Inherited from \n ContainedLabelOptions . borderDash \n Defined in \n label.d.ts:104 \n borderDashOffset \n • Optional borderDashOffset : Scriptable < number , PartialEventContext > \n Border line dash offset. See MDN. \n Default \n 0.0 \n Inherited from \n ContainedLabelOptions . borderDashOffset \n Defined in \n label.d.ts:109 \n borderJoinStyle \n • Optional borderJoinStyle : Scriptable < CanvasLineJoin , PartialEventContext > \n Border line join style. See MDN. \n Default \n 'miter' \n Inherited from \n ContainedLabelOptions . borderJoinStyle \n Defined in \n label.d.ts:114 \n borderRadius \n • Optional borderRadius : Scriptable < number | BorderRadius , PartialEventContext > \n Border radius of the label rectangle \n Default \n 6 \n Inherited from \n ContainedLabelOptions . borderRadius \n Defined in \n label.d.ts:119 \n borderShadowColor \n • Optional borderShadowColor : Scriptable < Color , PartialEventContext > \n Inherited from \n ShadowOptions . borderShadowColor \n Defined in \n options.d.ts:31 \n borderWidth \n • Optional borderWidth : Scriptable < number , PartialEventContext > \n Inherited from \n ContainedLabelOptions . borderWidth \n Defined in \n label.d.ts:93 \n callout \n • Optional callout : CalloutOptions \n Inherited from \n ContainedLabelOptions . callout \n Defined in \n label.d.ts:120 \n color \n • Optional color : Scriptable < Color | Color [], PartialEventContext > \n Inherited from \n ContainedLabelOptions . color \n Defined in \n label.d.ts:43 \n content \n • content : Scriptable < string | string [] | HTMLCanvasElement | HTMLImageElement , PartialEventContext > \n Text to display in label. Provide an array to display multiple lines \n Inherited from \n ContainedLabelOptions . content \n Defined in \n label.d.ts:73 \n display \n • Optional display : Scriptable < boolean , PartialEventContext > \n Whether the label should be displayed \n Default \n true \n Defined in \n label.d.ts:129 \n drawTime \n • Optional drawTime : Scriptable < DrawTime , PartialEventContext > \n Inherited from \n ContainedLabelOptions . drawTime \n Defined in \n label.d.ts:41 \n font \n • Optional font : Scriptable < Partial < FontSpec > | Partial < FontSpec >[], PartialEventContext > \n Inherited from \n ContainedLabelOptions . font \n Defined in \n label.d.ts:42 \n height \n • Optional height : Scriptable < number | `${number}%`, PartialEventContext > \n Overrides the height of the image. Could be set in pixel by a number,\nor in percentage of current height of image by a string \n Inherited from \n ContainedLabelOptions . height \n Defined in \n label.d.ts:83 \n hitTolerance \n • Optional hitTolerance : Scriptable < number , PartialEventContext > \n Defined in \n label.d.ts:130 \n opacity \n • Optional opacity : Scriptable < number , PartialEventContext > \n Overrides the opacity of the image. \n Inherited from \n ContainedLabelOptions . opacity \n Defined in \n label.d.ts:87 \n padding \n • Optional padding : Scriptable < number | LabelPadding , PartialEventContext > \n Padding of label \n Default \n 6 \n Inherited from \n ContainedLabelOptions . padding \n Defined in \n label.d.ts:48 \n position \n • Optional position : Scriptable < LabelPosition , PartialEventContext > \n Defined in \n label.d.ts:124 \n rotation \n • Optional rotation : Scriptable < number | \"auto\" , PartialEventContext > \n Rotation of label, in degrees, or 'auto' to use the degrees of the line, default is 0 \n Default \n 90 \n Defined in \n label.d.ts:135 \n shadowBlur \n • Optional shadowBlur : Scriptable < number , PartialEventContext > \n Inherited from \n ShadowOptions . shadowBlur \n Defined in \n options.d.ts:32 \n shadowOffsetX \n • Optional shadowOffsetX : Scriptable < number , PartialEventContext > \n Inherited from \n ShadowOptions . shadowOffsetX \n Defined in \n options.d.ts:33 \n shadowOffsetY \n • Optional shadowOffsetY : Scriptable < number , PartialEventContext > \n Inherited from \n ShadowOptions . shadowOffsetY \n Defined in \n options.d.ts:34 \n textAlign \n • Optional textAlign : Scriptable < LabelTextAlign , PartialEventContext > \n Text alignment when the content of the label is multi-line. \n Default \n 'center' \n Inherited from \n ContainedLabelOptions . textAlign \n Defined in \n label.d.ts:53 \n textStrokeColor \n • Optional textStrokeColor : Scriptable < Color , PartialEventContext > \n Inherited from \n ContainedLabelOptions . textStrokeColor \n Defined in \n label.d.ts:54 \n textStrokeWidth \n • Optional textStrokeWidth : Scriptable < number , PartialEventContext > \n Inherited from \n ContainedLabelOptions . textStrokeWidth \n Defined in \n label.d.ts:55 \n width \n • Optional width : Scriptable < number | `${number}%`, PartialEventContext > \n Overrides the width of the image. Could be set in pixel by a number,\nor in percentage of current width of image by a string \n Inherited from \n ContainedLabelOptions . width \n Defined in \n label.d.ts:78 \n xAdjust \n • Optional xAdjust : Scriptable < number , PartialEventContext > \n Adjustment along x-axis (left-right) of label relative to above number (can be negative)\nFor horizontal lines positioned left or right, negative values move\nthe label toward the edge, and positive values toward the center. \n Default \n 0 \n Inherited from \n ContainedLabelOptions . xAdjust \n Defined in \n label.d.ts:62 \n yAdjust \n • Optional yAdjust : Scriptable < number , PartialEventContext > \n Adjustment along y-axis (top-bottom) of label relative to above number (can be negative)\nFor vertical lines positioned top or bottom, negative values move\nthe label toward the edge, and positive values toward the center. \n Default \n 0 \n Inherited from \n ContainedLabelOptions . yAdjust \n Defined in \n label.d.ts:69 \n z \n • Optional z : Scriptable < number , PartialEventContext > \n Inherited from \n ContainedLabelOptions . z \n Defined in \n label.d.ts:88 \n"},{title:"Interface: LabelPositionObject",frontmatter:{},regularPath:"/api/interfaces/LabelPositionObject.html",relativePath:"api/interfaces/LabelPositionObject.md",key:"v-361cec5e",path:"/api/interfaces/LabelPositionObject.html",headers:[{level:2,title:"Properties",slug:"properties"},{level:3,title:"x",slug:"x"},{level:3,title:"y",slug:"y"}],content:" Interface: LabelPositionObject \n Properties \n x \n • Optional x : LabelPosition \n Defined in \n label.d.ts:13 \n y \n • Optional y : LabelPosition \n Defined in \n label.d.ts:14 \n"},{title:"Interface: LabelTypeOptions",frontmatter:{},regularPath:"/api/interfaces/LabelTypeOptions.html",relativePath:"api/interfaces/LabelTypeOptions.md",key:"v-07090646",path:"/api/interfaces/LabelTypeOptions.html",headers:[{level:2,title:"Hierarchy",slug:"hierarchy"},{level:2,title:"Properties",slug:"properties"},{level:3,title:"backgroundColor",slug:"backgroundcolor"},{level:3,title:"borderCapStyle",slug:"bordercapstyle"},{level:3,title:"borderColor",slug:"bordercolor"},{level:3,title:"borderDash",slug:"borderdash"},{level:3,title:"borderDashOffset",slug:"borderdashoffset"},{level:3,title:"borderJoinStyle",slug:"borderjoinstyle"},{level:3,title:"borderRadius",slug:"borderradius"},{level:3,title:"borderWidth",slug:"borderwidth"},{level:3,title:"callout",slug:"callout"},{level:3,title:"color",slug:"color"},{level:3,title:"content",slug:"content"},{level:3,title:"drawTime",slug:"drawtime"},{level:3,title:"font",slug:"font"},{level:3,title:"height",slug:"height"},{level:3,title:"opacity",slug:"opacity"},{level:3,title:"padding",slug:"padding"},{level:3,title:"position",slug:"position"},{level:3,title:"textAlign",slug:"textalign"},{level:3,title:"textStrokeColor",slug:"textstrokecolor"},{level:3,title:"textStrokeWidth",slug:"textstrokewidth"},{level:3,title:"width",slug:"width"},{level:3,title:"xAdjust",slug:"xadjust"},{level:3,title:"yAdjust",slug:"yadjust"},{level:3,title:"z",slug:"z"}],content:" Interface: LabelTypeOptions \n Hierarchy \n \n \n ContainedLabelOptions \n ↳ LabelTypeOptions \n ↳↳ LabelAnnotationOptions \n Properties \n backgroundColor \n • Optional backgroundColor : Scriptable < Color , PartialEventContext > \n Inherited from \n ContainedLabelOptions . backgroundColor \n Defined in \n label.d.ts:92 \n borderCapStyle \n • Optional borderCapStyle : Scriptable < CanvasLineCap , PartialEventContext > \n Border line cap style. See MDN. \n Default \n 'butt' \n Inherited from \n ContainedLabelOptions . borderCapStyle \n Defined in \n label.d.ts:99 \n borderColor \n • Optional borderColor : Scriptable < Color , PartialEventContext > \n Inherited from \n ContainedLabelOptions . borderColor \n Defined in \n label.d.ts:94 \n borderDash \n • Optional borderDash : Scriptable < number [], PartialEventContext > \n Border line dash. See MDN. \n Default \n [] \n Inherited from \n ContainedLabelOptions . borderDash \n Defined in \n label.d.ts:104 \n borderDashOffset \n • Optional borderDashOffset : Scriptable < number , PartialEventContext > \n Border line dash offset. See MDN. \n Default \n 0.0 \n Inherited from \n ContainedLabelOptions . borderDashOffset \n Defined in \n label.d.ts:109 \n borderJoinStyle \n • Optional borderJoinStyle : Scriptable < CanvasLineJoin , PartialEventContext > \n Border line join style. See MDN. \n Default \n 'miter' \n Inherited from \n ContainedLabelOptions . borderJoinStyle \n Defined in \n label.d.ts:114 \n borderRadius \n • Optional borderRadius : Scriptable < number | BorderRadius , PartialEventContext > \n Border radius of the label rectangle \n Default \n 6 \n Inherited from \n ContainedLabelOptions . borderRadius \n Defined in \n label.d.ts:119 \n borderWidth \n • Optional borderWidth : Scriptable < number , PartialEventContext > \n Inherited from \n ContainedLabelOptions . borderWidth \n Defined in \n label.d.ts:93 \n callout \n • Optional callout : CalloutOptions \n Inherited from \n ContainedLabelOptions . callout \n Defined in \n label.d.ts:120 \n color \n • Optional color : Scriptable < Color | Color [], PartialEventContext > \n Inherited from \n ContainedLabelOptions . color \n Defined in \n label.d.ts:43 \n content \n • content : Scriptable < string | string [] | HTMLCanvasElement | HTMLImageElement , PartialEventContext > \n Text to display in label. Provide an array to display multiple lines \n Inherited from \n ContainedLabelOptions . content \n Defined in \n label.d.ts:73 \n drawTime \n • Optional drawTime : Scriptable < DrawTime , PartialEventContext > \n Inherited from \n ContainedLabelOptions . drawTime \n Defined in \n label.d.ts:41 \n font \n • Optional font : Scriptable < Partial < FontSpec > | Partial < FontSpec >[], PartialEventContext > \n Inherited from \n ContainedLabelOptions . font \n Defined in \n label.d.ts:42 \n height \n • Optional height : Scriptable < number | `${number}%`, PartialEventContext > \n Overrides the height of the image. Could be set in pixel by a number,\nor in percentage of current height of image by a string \n Inherited from \n ContainedLabelOptions . height \n Defined in \n label.d.ts:83 \n opacity \n • Optional opacity : Scriptable < number , PartialEventContext > \n Overrides the opacity of the image. \n Inherited from \n ContainedLabelOptions . opacity \n Defined in \n label.d.ts:87 \n padding \n • Optional padding : Scriptable < number | LabelPadding , PartialEventContext > \n Padding of label \n Default \n 6 \n Inherited from \n ContainedLabelOptions . padding \n Defined in \n label.d.ts:48 \n position \n • Optional position : Scriptable < LabelPosition | LabelPositionObject , PartialEventContext > \n Defined in \n label.d.ts:150 \n textAlign \n • Optional textAlign : Scriptable < LabelTextAlign , PartialEventContext > \n Text alignment when the content of the label is multi-line. \n Default \n 'center' \n Inherited from \n ContainedLabelOptions . textAlign \n Defined in \n label.d.ts:53 \n textStrokeColor \n • Optional textStrokeColor : Scriptable < Color , PartialEventContext > \n Inherited from \n ContainedLabelOptions . textStrokeColor \n Defined in \n label.d.ts:54 \n textStrokeWidth \n • Optional textStrokeWidth : Scriptable < number , PartialEventContext > \n Inherited from \n ContainedLabelOptions . textStrokeWidth \n Defined in \n label.d.ts:55 \n width \n • Optional width : Scriptable < number | `${number}%`, PartialEventContext > \n Overrides the width of the image. Could be set in pixel by a number,\nor in percentage of current width of image by a string \n Inherited from \n ContainedLabelOptions . width \n Defined in \n label.d.ts:78 \n xAdjust \n • Optional xAdjust : Scriptable < number , PartialEventContext > \n Adjustment along x-axis (left-right) of label relative to above number (can be negative)\nFor horizontal lines positioned left or right, negative values move\nthe label toward the edge, and positive values toward the center. \n Default \n 0 \n Inherited from \n ContainedLabelOptions . xAdjust \n Defined in \n label.d.ts:62 \n yAdjust \n • Optional yAdjust : Scriptable < number , PartialEventContext > \n Adjustment along y-axis (top-bottom) of label relative to above number (can be negative)\nFor vertical lines positioned top or bottom, negative values move\nthe label toward the edge, and positive values toward the center. \n Default \n 0 \n Inherited from \n ContainedLabelOptions . yAdjust \n Defined in \n label.d.ts:69 \n z \n • Optional z : Scriptable < number , PartialEventContext > \n Inherited from \n ContainedLabelOptions . z \n Defined in \n label.d.ts:88 \n"},{title:"Interface: LineAnnotationOptions",frontmatter:{},regularPath:"/api/interfaces/LineAnnotationOptions.html",relativePath:"api/interfaces/LineAnnotationOptions.md",key:"v-42745613",path:"/api/interfaces/LineAnnotationOptions.html",headers:[{level:2,title:"Hierarchy",slug:"hierarchy"},{level:2,title:"Properties",slug:"properties"},{level:3,title:"adjustScaleRange",slug:"adjustscalerange"},{level:3,title:"arrowHeads",slug:"arrowheads"},{level:3,title:"backgroundShadowColor",slug:"backgroundshadowcolor"},{level:3,title:"borderColor",slug:"bordercolor"},{level:3,title:"borderDash",slug:"borderdash"},{level:3,title:"borderDashOffset",slug:"borderdashoffset"},{level:3,title:"borderShadowColor",slug:"bordershadowcolor"},{level:3,title:"borderWidth",slug:"borderwidth"},{level:3,title:"controlPoint",slug:"controlpoint"},{level:3,title:"curve",slug:"curve"},{level:3,title:"display",slug:"display"},{level:3,title:"drawTime",slug:"drawtime"},{level:3,title:"endValue",slug:"endvalue"},{level:3,title:"hitTolerance",slug:"hittolerance"},{level:3,title:"id",slug:"id"},{level:3,title:"init",slug:"init"},{level:3,title:"label",slug:"label"},{level:3,title:"scaleID",slug:"scaleid"},{level:3,title:"shadowBlur",slug:"shadowblur"},{level:3,title:"shadowOffsetX",slug:"shadowoffsetx"},{level:3,title:"shadowOffsetY",slug:"shadowoffsety"},{level:3,title:"value",slug:"value"},{level:3,title:"xMax",slug:"xmax"},{level:3,title:"xMin",slug:"xmin"},{level:3,title:"xScaleID",slug:"xscaleid"},{level:3,title:"yMax",slug:"ymax"},{level:3,title:"yMin",slug:"ymin"},{level:3,title:"yScaleID",slug:"yscaleid"},{level:3,title:"z",slug:"z"},{level:2,title:"Methods",slug:"methods"},{level:3,title:"afterDraw",slug:"afterdraw"},{level:3,title:"beforeDraw",slug:"beforedraw"},{level:3,title:"click",slug:"click"},{level:3,title:"enter",slug:"enter"},{level:3,title:"leave",slug:"leave"}],content:" Interface: LineAnnotationOptions \n Hierarchy \n \n \n CoreAnnotationOptions \n ↳ LineAnnotationOptions \n Properties \n adjustScaleRange \n • Optional adjustScaleRange : Scriptable < boolean , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . adjustScaleRange \n Defined in \n options.d.ts:38 \n arrowHeads \n • Optional arrowHeads : ArrowHeadsOptions \n Defined in \n options.d.ts:85 \n backgroundShadowColor \n • Optional backgroundShadowColor : Scriptable < Color , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . backgroundShadowColor \n Defined in \n options.d.ts:30 \n borderColor \n • Optional borderColor : Scriptable < Color , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . borderColor \n Defined in \n options.d.ts:39 \n borderDash \n • Optional borderDash : Scriptable < number [], PartialEventContext > \n Inherited from \n CoreAnnotationOptions . borderDash \n Defined in \n options.d.ts:40 \n borderDashOffset \n • Optional borderDashOffset : Scriptable < number , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . borderDashOffset \n Defined in \n options.d.ts:41 \n borderShadowColor \n • Optional borderShadowColor : Scriptable < Color , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . borderShadowColor \n Defined in \n options.d.ts:31 \n borderWidth \n • Optional borderWidth : Scriptable < number , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . borderWidth \n Defined in \n options.d.ts:42 \n controlPoint \n • Optional controlPoint : Scriptable < string | number | ControlPointOptions , PartialEventContext > \n Defined in \n options.d.ts:87 \n curve \n • Optional curve : Scriptable < boolean , PartialEventContext > \n Defined in \n options.d.ts:86 \n display \n • Optional display : Scriptable < boolean , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . display \n Defined in \n options.d.ts:43 \n drawTime \n • Optional drawTime : Scriptable < DrawTime , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . drawTime \n Defined in \n options.d.ts:44 \n endValue \n • Optional endValue : Scriptable < string | number , PartialEventContext > \n Defined in \n options.d.ts:88 \n hitTolerance \n • Optional hitTolerance : Scriptable < number , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . hitTolerance \n Defined in \n options.d.ts:45 \n id \n • Optional id : string \n Inherited from \n CoreAnnotationOptions . id \n Defined in \n options.d.ts:47 \n init \n • Optional init : boolean | ( chart : Chart , properties : AnnotationBoxModel , options : AnnotationOptions ) => boolean | void | AnnotationElement \n Inherited from \n CoreAnnotationOptions . init \n Defined in \n options.d.ts:46 \n label \n • Optional label : LabelOptions \n Defined in \n options.d.ts:89 \n scaleID \n • Optional scaleID : Scriptable < string , PartialEventContext > \n Defined in \n options.d.ts:90 \n shadowBlur \n • Optional shadowBlur : Scriptable < number , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . shadowBlur \n Defined in \n options.d.ts:32 \n shadowOffsetX \n • Optional shadowOffsetX : Scriptable < number , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . shadowOffsetX \n Defined in \n options.d.ts:33 \n shadowOffsetY \n • Optional shadowOffsetY : Scriptable < number , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . shadowOffsetY \n Defined in \n options.d.ts:34 \n value \n • Optional value : Scriptable < string | number , PartialEventContext > \n Defined in \n options.d.ts:91 \n xMax \n • Optional xMax : Scriptable < ScaleValue , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . xMax \n Defined in \n options.d.ts:48 \n xMin \n • Optional xMin : Scriptable < ScaleValue , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . xMin \n Defined in \n options.d.ts:49 \n xScaleID \n • Optional xScaleID : Scriptable < string , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . xScaleID \n Defined in \n options.d.ts:50 \n yMax \n • Optional yMax : Scriptable < ScaleValue , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . yMax \n Defined in \n options.d.ts:51 \n yMin \n • Optional yMin : Scriptable < ScaleValue , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . yMin \n Defined in \n options.d.ts:52 \n yScaleID \n • Optional yScaleID : Scriptable < string , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . yScaleID \n Defined in \n options.d.ts:53 \n z \n • Optional z : Scriptable < number , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . z \n Defined in \n options.d.ts:54 \n Methods \n afterDraw \n ▸ Optional afterDraw ( context ): void \n Parameters \n \n \n \n Name \n Type \n \n \n \n \n context \n EventContext \n Returns \n void \n Inherited from \n CoreAnnotationOptions . afterDraw \n Defined in \n options.d.ts:23 \n beforeDraw \n ▸ Optional beforeDraw ( context ): void \n Parameters \n \n \n \n Name \n Type \n \n \n \n \n context \n EventContext \n Returns \n void \n Inherited from \n CoreAnnotationOptions . beforeDraw \n Defined in \n options.d.ts:22 \n click \n ▸ Optional click ( context , event ): boolean | void \n Parameters \n \n \n \n Name \n Type \n \n \n \n \n context \n EventContext \n \n \n event \n ChartEvent \n Returns \n boolean | void \n Inherited from \n CoreAnnotationOptions . click \n Defined in \n events.d.ts:27 \n enter \n ▸ Optional enter ( context , event ): boolean | void \n Parameters \n \n \n \n Name \n Type \n \n \n \n \n context \n EventContext \n \n \n event \n ChartEvent \n Returns \n boolean | void \n Inherited from \n CoreAnnotationOptions . enter \n Defined in \n events.d.ts:25 \n leave \n ▸ Optional leave ( context , event ): boolean | void \n Parameters \n \n \n \n Name \n Type \n \n \n \n \n context \n EventContext \n \n \n event \n ChartEvent \n Returns \n boolean | void \n Inherited from \n CoreAnnotationOptions . leave \n Defined in \n events.d.ts:26 \n"},{title:"Interface: PartialEventContext",frontmatter:{},regularPath:"/api/interfaces/PartialEventContext.html",relativePath:"api/interfaces/PartialEventContext.md",key:"v-16482446",path:"/api/interfaces/PartialEventContext.html",headers:[{level:2,title:"Properties",slug:"properties"},{level:3,title:"chart",slug:"chart"},{level:3,title:"element",slug:"element"},{level:3,title:"elements",slug:"elements"},{level:3,title:"id",slug:"id"},{level:3,title:"type",slug:"type"}],content:" Interface: PartialEventContext \n Some scriptable options may be called with during the chart's initial\ndisplay, when the element isn't fully initialized. \n Properties \n chart \n • chart : Chart \n Defined in \n events.d.ts:17 \n element \n • Optional element : Partial < AnnotationElement > \n Defined in \n events.d.ts:18 \n elements \n • Optional elements : AnnotationElement [] \n Defined in \n events.d.ts:19 \n id \n • Optional id : string \n Defined in \n events.d.ts:20 \n type \n • Optional type : string \n Defined in \n events.d.ts:21 \n"},{title:"Interface: PointAnnotationOptions",frontmatter:{},regularPath:"/api/interfaces/PointAnnotationOptions.html",relativePath:"api/interfaces/PointAnnotationOptions.md",key:"v-5dd3097d",path:"/api/interfaces/PointAnnotationOptions.html",headers:[{level:2,title:"Hierarchy",slug:"hierarchy"},{level:2,title:"Properties",slug:"properties"},{level:3,title:"adjustScaleRange",slug:"adjustscalerange"},{level:3,title:"backgroundColor",slug:"backgroundcolor"},{level:3,title:"backgroundShadowColor",slug:"backgroundshadowcolor"},{level:3,title:"borderColor",slug:"bordercolor"},{level:3,title:"borderDash",slug:"borderdash"},{level:3,title:"borderDashOffset",slug:"borderdashoffset"},{level:3,title:"borderShadowColor",slug:"bordershadowcolor"},{level:3,title:"borderWidth",slug:"borderwidth"},{level:3,title:"display",slug:"display"},{level:3,title:"drawTime",slug:"drawtime"},{level:3,title:"hitTolerance",slug:"hittolerance"},{level:3,title:"id",slug:"id"},{level:3,title:"init",slug:"init"},{level:3,title:"pointStyle",slug:"pointstyle"},{level:3,title:"radius",slug:"radius"},{level:3,title:"rotation",slug:"rotation"},{level:3,title:"shadowBlur",slug:"shadowblur"},{level:3,title:"shadowOffsetX",slug:"shadowoffsetx"},{level:3,title:"shadowOffsetY",slug:"shadowoffsety"},{level:3,title:"xAdjust",slug:"xadjust"},{level:3,title:"xMax",slug:"xmax"},{level:3,title:"xMin",slug:"xmin"},{level:3,title:"xScaleID",slug:"xscaleid"},{level:3,title:"xValue",slug:"xvalue"},{level:3,title:"yAdjust",slug:"yadjust"},{level:3,title:"yMax",slug:"ymax"},{level:3,title:"yMin",slug:"ymin"},{level:3,title:"yScaleID",slug:"yscaleid"},{level:3,title:"yValue",slug:"yvalue"},{level:3,title:"z",slug:"z"},{level:2,title:"Methods",slug:"methods"},{level:3,title:"afterDraw",slug:"afterdraw"},{level:3,title:"beforeDraw",slug:"beforedraw"},{level:3,title:"click",slug:"click"},{level:3,title:"enter",slug:"enter"},{level:3,title:"leave",slug:"leave"}],content:" Interface: PointAnnotationOptions \n Hierarchy \n \n \n CoreAnnotationOptions \n \n \n AnnotationPointCoordinates \n ↳ PointAnnotationOptions \n Properties \n adjustScaleRange \n • Optional adjustScaleRange : Scriptable < boolean , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . adjustScaleRange \n Defined in \n options.d.ts:38 \n backgroundColor \n • backgroundColor : Scriptable < Color , PartialEventContext > \n Defined in \n options.d.ts:128 \n backgroundShadowColor \n • Optional backgroundShadowColor : Scriptable < Color , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . backgroundShadowColor \n Defined in \n options.d.ts:30 \n borderColor \n • Optional borderColor : Scriptable < Color , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . borderColor \n Defined in \n options.d.ts:39 \n borderDash \n • Optional borderDash : Scriptable < number [], PartialEventContext > \n Inherited from \n CoreAnnotationOptions . borderDash \n Defined in \n options.d.ts:40 \n borderDashOffset \n • Optional borderDashOffset : Scriptable < number , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . borderDashOffset \n Defined in \n options.d.ts:41 \n borderShadowColor \n • Optional borderShadowColor : Scriptable < Color , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . borderShadowColor \n Defined in \n options.d.ts:31 \n borderWidth \n • Optional borderWidth : Scriptable < number , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . borderWidth \n Defined in \n options.d.ts:42 \n display \n • Optional display : Scriptable < boolean , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . display \n Defined in \n options.d.ts:43 \n drawTime \n • Optional drawTime : Scriptable < DrawTime , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . drawTime \n Defined in \n options.d.ts:44 \n hitTolerance \n • Optional hitTolerance : Scriptable < number , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . hitTolerance \n Defined in \n options.d.ts:45 \n id \n • Optional id : string \n Inherited from \n CoreAnnotationOptions . id \n Defined in \n options.d.ts:47 \n init \n • Optional init : boolean | ( chart : Chart , properties : AnnotationBoxModel , options : AnnotationOptions ) => boolean | void | AnnotationElement \n Inherited from \n CoreAnnotationOptions . init \n Defined in \n options.d.ts:46 \n pointStyle \n • Optional pointStyle : Scriptable < PointStyle , PartialEventContext > \n Defined in \n options.d.ts:129 \n radius \n • Optional radius : Scriptable < number , PartialEventContext > \n Defined in \n options.d.ts:130 \n rotation \n • Optional rotation : Scriptable < number , PartialEventContext > \n Defined in \n options.d.ts:131 \n shadowBlur \n • Optional shadowBlur : Scriptable < number , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . shadowBlur \n Defined in \n options.d.ts:32 \n shadowOffsetX \n • Optional shadowOffsetX : Scriptable < number , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . shadowOffsetX \n Defined in \n options.d.ts:33 \n shadowOffsetY \n • Optional shadowOffsetY : Scriptable < number , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . shadowOffsetY \n Defined in \n options.d.ts:34 \n xAdjust \n • Optional xAdjust : Scriptable < number , PartialEventContext > \n Defined in \n options.d.ts:132 \n xMax \n • Optional xMax : Scriptable < ScaleValue , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . xMax \n Defined in \n options.d.ts:48 \n xMin \n • Optional xMin : Scriptable < ScaleValue , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . xMin \n Defined in \n options.d.ts:49 \n xScaleID \n • Optional xScaleID : Scriptable < string , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . xScaleID \n Defined in \n options.d.ts:50 \n xValue \n • Optional xValue : Scriptable < ScaleValue , PartialEventContext > \n Inherited from \n AnnotationPointCoordinates . xValue \n Defined in \n options.d.ts:58 \n yAdjust \n • Optional yAdjust : Scriptable < number , PartialEventContext > \n Defined in \n options.d.ts:133 \n yMax \n • Optional yMax : Scriptable < ScaleValue , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . yMax \n Defined in \n options.d.ts:51 \n yMin \n • Optional yMin : Scriptable < ScaleValue , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . yMin \n Defined in \n options.d.ts:52 \n yScaleID \n • Optional yScaleID : Scriptable < string , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . yScaleID \n Defined in \n options.d.ts:53 \n yValue \n • Optional yValue : Scriptable < ScaleValue , PartialEventContext > \n Inherited from \n AnnotationPointCoordinates . yValue \n Defined in \n options.d.ts:59 \n z \n • Optional z : Scriptable < number , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . z \n Defined in \n options.d.ts:54 \n Methods \n afterDraw \n ▸ Optional afterDraw ( context ): void \n Parameters \n \n \n \n Name \n Type \n \n \n \n \n context \n EventContext \n Returns \n void \n Inherited from \n CoreAnnotationOptions . afterDraw \n Defined in \n options.d.ts:23 \n beforeDraw \n ▸ Optional beforeDraw ( context ): void \n Parameters \n \n \n \n Name \n Type \n \n \n \n \n context \n EventContext \n Returns \n void \n Inherited from \n CoreAnnotationOptions . beforeDraw \n Defined in \n options.d.ts:22 \n click \n ▸ Optional click ( context , event ): boolean | void \n Parameters \n \n \n \n Name \n Type \n \n \n \n \n context \n EventContext \n \n \n event \n ChartEvent \n Returns \n boolean | void \n Inherited from \n CoreAnnotationOptions . click \n Defined in \n events.d.ts:27 \n enter \n ▸ Optional enter ( context , event ): boolean | void \n Parameters \n \n \n \n Name \n Type \n \n \n \n \n context \n EventContext \n \n \n event \n ChartEvent \n Returns \n boolean | void \n Inherited from \n CoreAnnotationOptions . enter \n Defined in \n events.d.ts:25 \n leave \n ▸ Optional leave ( context , event ): boolean | void \n Parameters \n \n \n \n Name \n Type \n \n \n \n \n context \n EventContext \n \n \n event \n ChartEvent \n Returns \n boolean | void \n Inherited from \n CoreAnnotationOptions . leave \n Defined in \n events.d.ts:26 \n"},{title:"Interface: ShadowOptions",frontmatter:{},regularPath:"/api/interfaces/ShadowOptions.html",relativePath:"api/interfaces/ShadowOptions.md",key:"v-7b380066",path:"/api/interfaces/ShadowOptions.html",headers:[{level:2,title:"Hierarchy",slug:"hierarchy"},{level:2,title:"Properties",slug:"properties"},{level:3,title:"backgroundShadowColor",slug:"backgroundshadowcolor"},{level:3,title:"borderShadowColor",slug:"bordershadowcolor"},{level:3,title:"shadowBlur",slug:"shadowblur"},{level:3,title:"shadowOffsetX",slug:"shadowoffsetx"},{level:3,title:"shadowOffsetY",slug:"shadowoffsety"}],content:" Interface: ShadowOptions \n Hierarchy \n \n \n ShadowOptions \n ↳ LabelOptions \n ↳ CoreAnnotationOptions \n ↳ ArrowHeadOptions \n Properties \n backgroundShadowColor \n • Optional backgroundShadowColor : Scriptable < Color , PartialEventContext > \n Defined in \n options.d.ts:30 \n borderShadowColor \n • Optional borderShadowColor : Scriptable < Color , PartialEventContext > \n Defined in \n options.d.ts:31 \n shadowBlur \n • Optional shadowBlur : Scriptable < number , PartialEventContext > \n Defined in \n options.d.ts:32 \n shadowOffsetX \n • Optional shadowOffsetX : Scriptable < number , PartialEventContext > \n Defined in \n options.d.ts:33 \n shadowOffsetY \n • Optional shadowOffsetY : Scriptable < number , PartialEventContext > \n Defined in \n options.d.ts:34 \n"},{title:"Interface: PolygonAnnotationOptions",frontmatter:{},regularPath:"/api/interfaces/PolygonAnnotationOptions.html",relativePath:"api/interfaces/PolygonAnnotationOptions.md",key:"v-86eb5006",path:"/api/interfaces/PolygonAnnotationOptions.html",headers:[{level:2,title:"Hierarchy",slug:"hierarchy"},{level:2,title:"Properties",slug:"properties"},{level:3,title:"adjustScaleRange",slug:"adjustscalerange"},{level:3,title:"backgroundColor",slug:"backgroundcolor"},{level:3,title:"backgroundShadowColor",slug:"backgroundshadowcolor"},{level:3,title:"borderCapStyle",slug:"bordercapstyle"},{level:3,title:"borderColor",slug:"bordercolor"},{level:3,title:"borderDash",slug:"borderdash"},{level:3,title:"borderDashOffset",slug:"borderdashoffset"},{level:3,title:"borderJoinStyle",slug:"borderjoinstyle"},{level:3,title:"borderShadowColor",slug:"bordershadowcolor"},{level:3,title:"borderWidth",slug:"borderwidth"},{level:3,title:"display",slug:"display"},{level:3,title:"drawTime",slug:"drawtime"},{level:3,title:"hitTolerance",slug:"hittolerance"},{level:3,title:"id",slug:"id"},{level:3,title:"init",slug:"init"},{level:3,title:"point",slug:"point"},{level:3,title:"radius",slug:"radius"},{level:3,title:"rotation",slug:"rotation"},{level:3,title:"shadowBlur",slug:"shadowblur"},{level:3,title:"shadowOffsetX",slug:"shadowoffsetx"},{level:3,title:"shadowOffsetY",slug:"shadowoffsety"},{level:3,title:"sides",slug:"sides"},{level:3,title:"xAdjust",slug:"xadjust"},{level:3,title:"xMax",slug:"xmax"},{level:3,title:"xMin",slug:"xmin"},{level:3,title:"xScaleID",slug:"xscaleid"},{level:3,title:"xValue",slug:"xvalue"},{level:3,title:"yAdjust",slug:"yadjust"},{level:3,title:"yMax",slug:"ymax"},{level:3,title:"yMin",slug:"ymin"},{level:3,title:"yScaleID",slug:"yscaleid"},{level:3,title:"yValue",slug:"yvalue"},{level:3,title:"z",slug:"z"},{level:2,title:"Methods",slug:"methods"},{level:3,title:"afterDraw",slug:"afterdraw"},{level:3,title:"beforeDraw",slug:"beforedraw"},{level:3,title:"click",slug:"click"},{level:3,title:"enter",slug:"enter"},{level:3,title:"leave",slug:"leave"}],content:" Interface: PolygonAnnotationOptions \n Hierarchy \n \n \n CoreAnnotationOptions \n \n \n AnnotationPointCoordinates \n ↳ PolygonAnnotationOptions \n Properties \n adjustScaleRange \n • Optional adjustScaleRange : Scriptable < boolean , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . adjustScaleRange \n Defined in \n options.d.ts:38 \n backgroundColor \n • backgroundColor : Scriptable < Color , PartialEventContext > \n Defined in \n options.d.ts:141 \n backgroundShadowColor \n • Optional backgroundShadowColor : Scriptable < Color , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . backgroundShadowColor \n Defined in \n options.d.ts:30 \n borderCapStyle \n • Optional borderCapStyle : Scriptable < CanvasLineCap , PartialEventContext > \n Defined in \n options.d.ts:142 \n borderColor \n • Optional borderColor : Scriptable < Color , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . borderColor \n Defined in \n options.d.ts:39 \n borderDash \n • Optional borderDash : Scriptable < number [], PartialEventContext > \n Inherited from \n CoreAnnotationOptions . borderDash \n Defined in \n options.d.ts:40 \n borderDashOffset \n • Optional borderDashOffset : Scriptable < number , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . borderDashOffset \n Defined in \n options.d.ts:41 \n borderJoinStyle \n • Optional borderJoinStyle : Scriptable < CanvasLineJoin , PartialEventContext > \n Defined in \n options.d.ts:143 \n borderShadowColor \n • Optional borderShadowColor : Scriptable < Color , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . borderShadowColor \n Defined in \n options.d.ts:31 \n borderWidth \n • Optional borderWidth : Scriptable < number , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . borderWidth \n Defined in \n options.d.ts:42 \n display \n • Optional display : Scriptable < boolean , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . display \n Defined in \n options.d.ts:43 \n drawTime \n • Optional drawTime : Scriptable < DrawTime , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . drawTime \n Defined in \n options.d.ts:44 \n hitTolerance \n • Optional hitTolerance : Scriptable < number , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . hitTolerance \n Defined in \n options.d.ts:45 \n id \n • Optional id : string \n Inherited from \n CoreAnnotationOptions . id \n Defined in \n options.d.ts:47 \n init \n • Optional init : boolean | ( chart : Chart , properties : AnnotationBoxModel , options : AnnotationOptions ) => boolean | void | AnnotationElement \n Inherited from \n CoreAnnotationOptions . init \n Defined in \n options.d.ts:46 \n point \n • Optional point : PointAnnotationOptions \n Defined in \n options.d.ts:144 \n radius \n • Optional radius : Scriptable < number , PartialEventContext > \n Defined in \n options.d.ts:145 \n rotation \n • Optional rotation : Scriptable < number , PartialEventContext > \n Defined in \n options.d.ts:146 \n shadowBlur \n • Optional shadowBlur : Scriptable < number , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . shadowBlur \n Defined in \n options.d.ts:32 \n shadowOffsetX \n • Optional shadowOffsetX : Scriptable < number , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . shadowOffsetX \n Defined in \n options.d.ts:33 \n shadowOffsetY \n • Optional shadowOffsetY : Scriptable < number , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . shadowOffsetY \n Defined in \n options.d.ts:34 \n sides \n • Optional sides : Scriptable < number , PartialEventContext > \n Defined in \n options.d.ts:147 \n xAdjust \n • Optional xAdjust : Scriptable < number , PartialEventContext > \n Defined in \n options.d.ts:148 \n xMax \n • Optional xMax : Scriptable < ScaleValue , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . xMax \n Defined in \n options.d.ts:48 \n xMin \n • Optional xMin : Scriptable < ScaleValue , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . xMin \n Defined in \n options.d.ts:49 \n xScaleID \n • Optional xScaleID : Scriptable < string , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . xScaleID \n Defined in \n options.d.ts:50 \n xValue \n • Optional xValue : Scriptable < ScaleValue , PartialEventContext > \n Inherited from \n AnnotationPointCoordinates . xValue \n Defined in \n options.d.ts:58 \n yAdjust \n • Optional yAdjust : Scriptable < number , PartialEventContext > \n Defined in \n options.d.ts:149 \n yMax \n • Optional yMax : Scriptable < ScaleValue , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . yMax \n Defined in \n options.d.ts:51 \n yMin \n • Optional yMin : Scriptable < ScaleValue , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . yMin \n Defined in \n options.d.ts:52 \n yScaleID \n • Optional yScaleID : Scriptable < string , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . yScaleID \n Defined in \n options.d.ts:53 \n yValue \n • Optional yValue : Scriptable < ScaleValue , PartialEventContext > \n Inherited from \n AnnotationPointCoordinates . yValue \n Defined in \n options.d.ts:59 \n z \n • Optional z : Scriptable < number , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . z \n Defined in \n options.d.ts:54 \n Methods \n afterDraw \n ▸ Optional afterDraw ( context ): void \n Parameters \n \n \n \n Name \n Type \n \n \n \n \n context \n EventContext \n Returns \n void \n Inherited from \n CoreAnnotationOptions . afterDraw \n Defined in \n options.d.ts:23 \n beforeDraw \n ▸ Optional beforeDraw ( context ): void \n Parameters \n \n \n \n Name \n Type \n \n \n \n \n context \n EventContext \n Returns \n void \n Inherited from \n CoreAnnotationOptions . beforeDraw \n Defined in \n options.d.ts:22 \n click \n ▸ Optional click ( context , event ): boolean | void \n Parameters \n \n \n \n Name \n Type \n \n \n \n \n context \n EventContext \n \n \n event \n ChartEvent \n Returns \n boolean | void \n Inherited from \n CoreAnnotationOptions . click \n Defined in \n events.d.ts:27 \n enter \n ▸ Optional enter ( context , event ): boolean | void \n Parameters \n \n \n \n Name \n Type \n \n \n \n \n context \n EventContext \n \n \n event \n ChartEvent \n Returns \n boolean | void \n Inherited from \n CoreAnnotationOptions . enter \n Defined in \n events.d.ts:25 \n leave \n ▸ Optional leave ( context , event ): boolean | void \n Parameters \n \n \n \n Name \n Type \n \n \n \n \n context \n EventContext \n \n \n event \n ChartEvent \n Returns \n boolean | void \n Inherited from \n CoreAnnotationOptions . leave \n Defined in \n events.d.ts:26 \n"},{title:"Contributing",frontmatter:{id:"contributing",title:"Contributing",sidebar:"contributing"},regularPath:"/guide/contributing.html",relativePath:"guide/contributing.md",key:"v-54682062",path:"/guide/contributing.html",headers:[{level:2,title:"Using issues",slug:"using-issues"},{level:2,title:"Reporting bugs",slug:"reporting-bugs"},{level:2,title:"Local development",slug:"local-development"},{level:2,title:"Pull requests",slug:"pull-requests"},{level:2,title:"License",slug:"license"}],lastUpdated:"9/19/2024, 7:47:19 AM",lastUpdatedTimestamp:1726732039e3,content:" Contributions to Chart.js are welcome and encouraged, but please have a look through the guidelines in this document before raising an issue, or writing code for the project. \n Using issues \n The issue tracker is the preferred channel for reporting bugs, requesting new features and submitting pull requests. \n Please do not use issues for support requests. For help using the annotation plugin, please take a look at the GitHub Discussions page. \n Reporting bugs \n Well structured, detailed bug reports are hugely valuable for the project. \n Guidlines for reporting bugs: \n \n Check the issue search to see if it has already been reported \n Isolate the problem to a simple test case \n Provide a demonstration of the problem on JS Bin or similar \n \n Please provide any additional details associated with the bug, if it's browser or screen density specific, or only happens with a certain configuration or data. \n Local development \n Run npm ci to install all the libraries, then run npm run dev to build and run tests as you make changes. \n Pull requests \n Clear, concise pull requests are excellent at continuing the project's community driven growth. But please review these guidelines and the guidelines below before starting work on the project. \n Guidelines: \n \n Please create an issue first:\n \n For bugs, we can discuss the fixing approach \n For enhancements, we can discuss if it is within the project scope and avoid duplicate effort \n \n \n Please make changes to the files in /src \n Please add tests in /test \n Spaces for indentation, not tabs please \n If adding new functionality, please also update the relevant .md file in /docs \n Please make your commits in logical sections with clear commit messages \n License \n By contributing your code, you agree to license your contribution under the MIT license . \n"},{title:"Developers",frontmatter:{},regularPath:"/guide/developers.html",relativePath:"guide/developers.md",key:"v-0e308dd1",path:"/guide/developers.html",headers:[{level:2,title:"Access to the annotation elements",slug:"access-to-the-annotation-elements"},{level:3,title:".getAnnotations(chart: Chart): AnnotationElement[]",slug:"getannotations-chart-chart-annotationelement"}],lastUpdated:"9/19/2024, 7:47:19 AM",lastUpdatedTimestamp:1726732039e3,content:" Developers \n Access to the annotation elements \n The annotation plugin uses Chart.js elements to draw the annotation requested by the user. The following APIs allows the user to get the created annotation elements to use in callbacks or for other purposes.\nThe APIs are available in the annotation plugin instance. \n Script Tag \n < script > \n // get annotation plugin instance \n const annotationPlugin = window [ 'chartjs-plugin-annotation' ] ; \n \n Bundlers (Webpack, Rollup, etc.) \n // get annotation plugin instance \n import annotationPlugin from 'chartjs-plugin-annotation' ; \n .getAnnotations(chart: Chart): AnnotationElement[] \n It provides all annotation elements configured by the plugin options, even if the annotations are not visible. \n const myLineChart = new Chart ( ctx , config ) ; \n // get all annotation elements \n const elements = annotationPlugin . getAnnotations ( myLineChart ) ; \n \n "},{title:"Configuration",frontmatter:{title:"Configuration"},regularPath:"/guide/configuration.html",relativePath:"guide/configuration.md",key:"v-64ad1186",path:"/guide/configuration.html",headers:[{level:2,title:"Top level options",slug:"top-level-options"},{level:2,title:"Animations",slug:"animations"},{level:3,title:"Default animations",slug:"default-animations"},{level:2,title:"Common",slug:"common"},{level:3,title:"Initial animation",slug:"initial-animation"},{level:2,title:"Events",slug:"events"},{level:2,title:"Hooks",slug:"hooks"}],lastUpdated:"9/19/2024, 7:47:19 AM",lastUpdatedTimestamp:1726732039e3,content:" Top level options \n The following options are available at the top level. They apply to all annotations unless they are overwritten on a per-annotation basis. \n \n \n \n Name \n Type \n Scriptable \n Default \n Notes \n \n \n \n \n animations \n object \n No \n see here \n To configure which element properties are animated and how. \n \n \n annnotations \n object | array \n Yes \n undefined \n To configure all annotations to draw. \n \n \n clip \n boolean \n No \n true \n Are the annotations clipped to the chartArea. \n \n \n common \n Object \n No \n \n To configure common options apply to all annotations \n \n \n interaction \n Object \n No \n options.interaction \n To configure which events trigger plugin interactions \n \n \n \n WARNING \n Setting clip to false , you can enable the possibility to draw part of the annotation outside of the chart area. \n Nevertheless events are only caught over the chartArea. \n Animations \n Animations options configures which element properties are animated and how, with the same configuration of chart.js . \n const options = { \n plugins : { \n annotation : { \n animations : { \n numbers : { \n properties : [ 'x' , 'y' , 'x2' , 'y2' , 'width' , 'height' , 'radius' ] , \n type : 'number' \n } , \n } , \n annotations : { \n box1 : { \n type : 'box' , \n xMin : 1 , \n xMax : 2 , \n yMin : 50 , \n yMax : 70 , \n backgroundColor : 'rgba(255, 99, 132, 0.5)' \n } \n } \n } \n } \n } ; \n Default animations \n \n \n \n Name \n Option \n Value \n \n \n \n \n numbers \n properties \n ['x', 'y', 'x2', 'y2', 'width', 'height', 'centerX', 'centerY', 'pointX', 'pointY', 'radius'] \n \n \n numbers \n type \n number \n Common \n The following options apply to all annotations unless they are overwritten on a per-annotation basis. \n \n \n \n Name \n Type \n Scriptable \n Default \n Notes \n \n \n \n \n drawTime \n string \n Yes \n 'afterDatasetsDraw' \n See drawTime . \n \n \n init \n boolean \n See initial animation \n false \n Enable the animation to the annotations when they are drawing at chart initialization \n Initial animation \n The init option is scriptable but it doesn't get the options context as argument but a specific context because the element has not been initialized yet, when the callback is invoked. \n This is the signature of the scriptable option: \n ( { chart , properties , options } ) => void | boolean | AnnotationElement\n \n where the properties is the element model \n { \n x : number , \n y : number , \n x2 : number , \n y2 : number , \n centerX : number , \n centerY : number , \n width : number , \n height : number , \n radius ? : number\n } \n \n which can be used in the callback to return an object with the initial values of the element, to provide own initial animation. \n Events \n The following options are available for all annotation types. These options can be specified per annotation, or at the top level which apply to all annotations. \n \n \n \n Name \n Type \n Chart event 1 \n Notes \n \n \n \n \n click \n (context, event) => boolean | void \n 'click' \n Called when a single click occurs on the annotation. \n \n \n enter \n (context, event) => boolean | void \n 'mousemove' \n Called when the mouse enters the annotation. \n \n \n leave \n (context, event) => boolean | void \n 'mousemove' \n Called when the mouse leaves the annotation. \n \n \n \n TIP \n 1 Chart.js events that need to be enabled in order to get the associated annotation event working. Note that by default Chart.js enables 'mousemove', 'mouseout', 'click', 'touchstart', 'touchmove' , meaning that annotation events work out-of-the-box. \n \n If the event callbacks explicitly returns true , the chart will re-render automatically after processing the event completely. This is important when there are the annotations that require re-draws (for instance, after a change of a rendering options). \n Hooks \n The following hooks are available for all annotation types. These hooks can be specified per annotation, or at the top level which apply to all annotations. \n These hooks enable some user customizations on the annotations. \n \n \n \n Name \n Type \n Notes \n \n \n \n \n beforeDraw \n (context) => void \n Called before that the annotation is being drawn. \n \n \n afterDraw \n (context) => void \n Called after the annotation has been drawn. \n \n \n \n"},{title:"Getting Started",frontmatter:{},regularPath:"/guide/",relativePath:"guide/index.md",key:"v-4d8c7bf6",path:"/guide/",headers:[{level:2,title:"Installation",slug:"installation"}],lastUpdated:"9/19/2024, 7:47:19 AM",lastUpdatedTimestamp:1726732039e3,content:" Getting Started \n DANGER \n This plugin needs to be registered. It does not function as inline plugin. \n \n An annotation plugin for Chart.js >= 4.0.0 \n This plugin draws lines, boxes, labels, points, polygons and ellipses on the chart area. Annotations work with line, bar, scatter and bubble charts that use linear, logarithmic, time, or category scales. Annotations will not work on any chart that does not have exactly two axes, including pie, radar, and polar area charts. \n Installation \n > npm install chartjs-plugin-annotation\n \n Important Note \n For Chart.js 3.7.0 to 3.9.1 support, use version 2.2.1 of this plugin \n For Chart.js 3.0.0 to 3.6.2 support, use version 1.4.0 of this plugin \n For Chart.js 2.4.0 to 2.9.x support, use version 0.5.7 of this plugin \n Documentation for v0.5.7 can be found on GitHub . \n \n"},{title:"1.x Migration Guide",frontmatter:{},regularPath:"/guide/migrationV1.html",relativePath:"guide/migrationV1.md",key:"v-51daecc6",path:"/guide/migrationV1.html",headers:[{level:2,title:"Setup and installation",slug:"setup-and-installation"},{level:2,title:"Options",slug:"options"},{level:3,title:"Plugin options",slug:"plugin-options"},{level:3,title:"Element options",slug:"element-options"},{level:3,title:"Line",slug:"line"},{level:2,title:"Event hooks",slug:"event-hooks"}],lastUpdated:"9/19/2024, 7:47:19 AM",lastUpdatedTimestamp:1726732039e3,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:"Integration",frontmatter:{title:"Integration"},regularPath:"/guide/integration.html",relativePath:"guide/integration.md",key:"v-1b86f686",path:"/guide/integration.html",headers:[{level:2,title:"Script Tag",slug:"script-tag"},{level:2,title:"Bundlers (Webpack, Rollup, etc.)",slug:"bundlers-webpack-rollup-etc"}],lastUpdated:"9/19/2024, 7:47:19 AM",lastUpdatedTimestamp:1726732039e3,content:" chartjs-plugin-annotation can be integrated with plain JavaScript or with different module loaders. The examples below show to load the plugin in different systems. \n Script Tag \n < script src = \" path/to/chartjs/dist/chart.umd.js \" > \n < script src = \" path/to/chartjs-plugin-annotation/dist/chartjs-plugin-annotation.min.js \" > \n < script > \n const myChart = new Chart ( ctx , { ... } ) ; \n \n Bundlers (Webpack, Rollup, etc.) \n import { Chart } from 'chart.js' ; \n import annotationPlugin from 'chartjs-plugin-annotation' ; \n\nChart . register ( annotationPlugin ) ; \n \n "},{title:"3.x Migration Guide",frontmatter:{},regularPath:"/guide/migrationV3.html",relativePath:"guide/migrationV3.md",key:"v-4d1e5c5d",path:"/guide/migrationV3.html",headers:[{level:2,title:"Chart.js version",slug:"chart-js-version"},{level:3,title:"Type changes",slug:"type-changes"}],lastUpdated:"9/19/2024, 7:47:19 AM",lastUpdatedTimestamp:1726732039e3,content:" 3.x Migration Guide \n chartjs-plugin-annotation plugin version 3 becomes an ESM-only package .\nThe UMD bundle is still available. \n Chart.js version \n The annotation plugin requires at least version 4.0.0 to work because of Chart.js becomes an ESM-only package. \n Type changes \n \n The init options callback return value types have been changed from void | boolean | AnnotationBoxModel to void | boolean | AnnotationElement . \n \n"},{title:"2.x Migration Guide",frontmatter:{},regularPath:"/guide/migrationV2.html",relativePath:"guide/migrationV2.md",key:"v-121872fd",path:"/guide/migrationV2.html",headers:[{level:2,title:"Chart.js version",slug:"chart-js-version"},{level:2,title:"Options",slug:"options"},{level:2,title:"Elements",slug:"elements"},{level:2,title:"Events",slug:"events"},{level:2,title:"Types",slug:"types"}],lastUpdated:"9/19/2024, 7:47:19 AM",lastUpdatedTimestamp:1726732039e3,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:"9/19/2024, 7:47:19 AM",lastUpdatedTimestamp:1726732039e3,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 elements : the array which contains the already created annotation elements. \n type : 'annotation' \n \n The annotation option context is passed to scriptable options in all other cases, except when resolving id , type or adjusting scale ranges. The same values resolved in afterDataLimits with chart context are again evaluated in afterUpdate with annotation context. \n Note that the annotation element may be undefined or partially uninitialized, since scriptable options may be invoked during the initial chart display, before everything's been resolved and initialized. \n"},{title:"Label",frontmatter:{},regularPath:"/guide/types/_commonInnerLabel.html",relativePath:"guide/types/_commonInnerLabel.md",key:"v-0db22306",path:"/guide/types/_commonInnerLabel.html",headers:[{level:2,title:"Label",slug:"label"},{level:3,title:"Position",slug:"position"},{level:3,title:"Fonts and colors",slug:"fonts-and-colors"}],lastUpdated:"9/19/2024, 7:47:19 AM",lastUpdatedTimestamp:1726732039e3,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 hitTolerance \n number \n undefined \n Amount of pixels to interact with annotations within some distance of the mouse point. \n \n \n opacity \n number \n undefined \n Overrides the opacity of the image or canvas element. Could be set a number in the range 0.0 to 1.0, inclusive. If undefined, uses the opacity of the image or canvas element. It is used only when the content is an image or canvas element. \n \n \n padding \n Padding \n 6 \n The padding to add around the text label. \n \n \n position \n string | {x: string, y: string} \n 'center' \n Anchor position of label in the annotation. \n \n \n rotation \n number \n undefined \n Rotation of label, in degrees. If undefined , the annotation rotation is used. \n \n \n textAlign \n string \n 'start' \n Text alignment of label content when there's more than one line. Possible options are: 'left' , 'start' , 'center' , 'end' , 'right' . \n \n \n textStrokeColor \n Color \n undefined \n The color of the stroke around the text. \n \n \n textStrokeWidth \n number \n 0 \n Stroke width around the text. \n \n \n width \n number | string \n undefined \n Overrides the width of the image or canvas element. Could be set in pixel by a number, or in percentage of current width of image or canvas element by a string. If undefined, uses the width of the image or canvas element. It is used only when the content is an image or canvas element. \n \n \n xAdjust \n number \n 0 \n Adjustment along x-axis (left-right) of label relative to computed position. Negative values move the label left, positive right. \n \n \n yAdjust \n number \n 0 \n Adjustment along y-axis (top-bottom) of label relative to computed position. Negative values move the label up, positive down. \n \n \n z \n number \n 0 \n It determines the drawing stack level of the label element, with same drawTime . \n Position \n A position can be set in 2 different values types: \n \n 'start' , 'center' , 'end' which are defining where the label will be located \n a string , in percentage format 'number%' , is representing the percentage on the size where the label will be located \n \n If this value is a string (possible options are 'start' , 'center' , 'end' or a string in percentage format), it is applied to vertical and horizontal position in the annotation. \n If this value is an object, the x property defines the horizontal alignment in the annotation. Similarly, the y property defines the vertical alignment in the annotation. Possible options for both properties are 'start' , 'center' , 'end' , a string in percentage format. Omitted property have value of the default, 'center' . \n Fonts and colors \n When the label to draw has multiple lines, you can use different font and color for each line of the label. This is enabled configuring an array of fonts or colors for those options. When the lines are more than the configured fonts of colors, the last configuration of those options is used for all remaining lines. \n"},{title:"Common options to all annotations",frontmatter:{},regularPath:"/guide/types/_commonOptions.html",relativePath:"guide/types/_commonOptions.md",key:"v-67fac0e2",path:"/guide/types/_commonOptions.html",headers:[{level:3,title:"Common options to all annotations",slug:"common-options-to-all-annotations"}],lastUpdated:"9/19/2024, 7:47:19 AM",lastUpdatedTimestamp:1726732039e3,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 hitTolerance \n number \n Yes \n 0 \n \n \n init \n boolean \n See initial animation \n undefined \n \n \n id \n string \n No \n undefined \n \n \n shadowBlur \n number \n Yes \n 0 \n \n \n shadowOffsetX \n number \n Yes \n 0 \n \n \n shadowOffsetY \n number \n Yes \n 0 \n \n \n xMax \n number | string \n Yes \n undefined \n \n \n xMin \n number | string \n Yes \n undefined \n \n \n xScaleID \n string \n Yes \n undefined \n \n \n yMin \n number | string \n Yes \n undefined \n \n \n yMax \n number | string \n Yes \n undefined \n \n \n yScaleID \n string \n Yes \n undefined \n \n \n z \n number \n Yes \n 0 \n \n \n \n"},{title:"Box Annotations",frontmatter:{},regularPath:"/guide/types/box.html",relativePath:"guide/types/box.md",key:"v-5b88421d",path:"/guide/types/box.html",headers:[{level:2,title:"Configuration",slug:"configuration"},{level:3,title:"Box annotation specific options",slug:"box-annotation-specific-options"},{level:3,title:"Common options to all annotations",slug:"common-options-to-all-annotations"},{level:3,title:"General",slug:"general"},{level:3,title:"Styling",slug:"styling"},{level:2,title:"Label",slug:"label"},{level:3,title:"Position",slug:"position"},{level:3,title:"Fonts and colors",slug:"fonts-and-colors"},{level:2,title:"Element",slug:"element"}],lastUpdated:"9/19/2024, 7:47:19 AM",lastUpdatedTimestamp:1726732039e3,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 hitTolerance \n number \n Yes \n 0 \n \n \n init \n boolean \n See initial animation \n undefined \n \n \n id \n string \n No \n undefined \n \n \n shadowBlur \n number \n Yes \n 0 \n \n \n shadowOffsetX \n number \n Yes \n 0 \n \n \n shadowOffsetY \n number \n Yes \n 0 \n \n \n xMax \n number | string \n Yes \n undefined \n \n \n xMin \n number | string \n Yes \n undefined \n \n \n xScaleID \n string \n Yes \n undefined \n \n \n yMin \n number | string \n Yes \n undefined \n \n \n yMax \n number | string \n Yes \n undefined \n \n \n yScaleID \n string \n Yes \n undefined \n \n \n z \n number \n Yes \n 0 \n General \n If one of the axes does not match an axis in the chart, the box will take the entire chart dimension. The 4 coordinates, xMin, xMax, yMin, yMax are optional. If not specified, the box is expanded out to the edges in the respective direction. \n \n \n \n Name \n Description \n \n \n \n \n adjustScaleRange \n Should the scale range be adjusted if this annotation is out of range. \n \n \n display \n Whether or not this annotation is visible. \n \n \n drawTime \n See drawTime . \n \n \n hitTolerance \n Amount of pixels to interact with annotations within some distance of the mouse point. \n \n \n id \n Identifies a unique id for the annotation and it will be stored in the element context. When the annotations are defined by an object, the id is automatically set using the key used to store the annotations in the object. When the annotations are configured by an array, the id, passed by this option in the annotation, will be used. \n \n \n rotation \n Rotation of the box in degrees. \n \n \n xMax \n Right edge of the box in units along the x axis. \n \n \n xMin \n Left edge of the box in units along the x axis. \n \n \n xScaleID \n ID of the X scale to bind onto. If missing, the plugin will try to use the scale of the chart, configured as 'x' axis. If more than one scale has been defined in the chart as 'x' axis, the option is mandatory to select the right scale. \n \n \n yMax \n Bottom edge of the box in units along the y axis. \n \n \n yMin \n Top edge of the box in units along the y axis. \n \n \n yScaleID \n ID of the Y scale to bind onto. If missing, the plugin will try to use the scale of the chart, configured as 'y' axis. If more than one scale has been defined in the chart as 'y' axis, the option is mandatory to select the right scale. \n \n \n z \n The z property determines the drawing stack level of the box annotation element. All visible elements will be drawn in ascending order of z option, with the same drawTime option. \n Styling \n \n \n \n Name \n Description \n \n \n \n \n backgroundColor \n Fill color. \n \n \n backgroundShadowColor \n The color of shadow. See MDN . \n \n \n borderCapStyle \n Cap style of the border line. See MDN . \n \n \n borderColor \n Stroke color. \n \n \n borderDash \n Length and spacing of dashes. See MDN . \n \n \n borderDashOffset \n Offset for border line dashes. See MDN . \n \n \n borderJoinStyle \n Border line join style. See MDN . \n \n \n borderRadius \n Radius of box rectangle (in pixels). \n \n \n borderShadowColor \n The color of the border shadow. See MDN . \n \n \n borderWidth \n Border line width (in pixels). \n \n \n shadowBlur \n The amount of blur applied to shadow. See MDN . \n \n \n shadowOffsetX \n The distance that shadow will be offset horizontally. See MDN . \n \n \n shadowOffsetY \n The distance that shadow will be offset vertically. See MDN . \n borderRadius \n If this value is a number, it is applied to all corners of the rectangle (topLeft, topRight, bottomLeft, bottomRight). If this value is an object, the topLeft property defines the top-left corners border radius. Similarly, the topRight , bottomLeft , and bottomRight properties can also be specified. Omitted corners have radius of 0. \n Label \n Namespace: options.annotations[annotationID].label , it defines options for the the label of annotation. \n All of these options can be Scriptable \n \n \n \n Name \n Type \n Default \n Notes \n \n \n \n \n color \n Color | Color[] \n 'black' \n Text color. \n \n \n content \n string | string[] | Image | HTMLCanvasElement \n null \n The content to show in the label. \n \n \n display \n boolean \n false \n Whether or not the label is shown. \n \n \n drawTime \n string \n options.drawTime \n See drawTime . Defaults to the annotation draw time if unset \n \n \n font \n Font | Font[] \n { weight: 'bold' } \n Label font \n \n \n height \n number | string \n undefined \n Overrides the height of the image or canvas element. Could be set in pixel by a number, or in percentage of current height of image or canvas element by a string. If undefined, uses the height of the image or canvas element. It is used only when the content is an image or canvas element. \n \n \n hitTolerance \n number \n undefined \n Amount of pixels to interact with annotations within some distance of the mouse point. \n \n \n opacity \n number \n undefined \n Overrides the opacity of the image or canvas element. Could be set a number in the range 0.0 to 1.0, inclusive. If undefined, uses the opacity of the image or canvas element. It is used only when the content is an image or canvas element. \n \n \n padding \n Padding \n 6 \n The padding to add around the text label. \n \n \n position \n string | {x: string, y: string} \n 'center' \n Anchor position of label in the annotation. \n \n \n rotation \n number \n undefined \n Rotation of label, in degrees. If undefined , the annotation rotation is used. \n \n \n textAlign \n string \n 'start' \n Text alignment of label content when there's more than one line. Possible options are: 'left' , 'start' , 'center' , 'end' , 'right' . \n \n \n textStrokeColor \n Color \n undefined \n The color of the stroke around the text. \n \n \n textStrokeWidth \n number \n 0 \n Stroke width around the text. \n \n \n width \n number | string \n undefined \n Overrides the width of the image or canvas element. Could be set in pixel by a number, or in percentage of current width of image or canvas element by a string. If undefined, uses the width of the image or canvas element. It is used only when the content is an image or canvas element. \n \n \n xAdjust \n number \n 0 \n Adjustment along x-axis (left-right) of label relative to computed position. Negative values move the label left, positive right. \n \n \n yAdjust \n number \n 0 \n Adjustment along y-axis (top-bottom) of label relative to computed position. Negative values move the label up, positive down. \n \n \n z \n number \n 0 \n It determines the drawing stack level of the label element, with same drawTime . \n Position \n A position can be set in 2 different values types: \n \n 'start' , 'center' , 'end' which are defining where the label will be located \n a string , in percentage format 'number%' , is representing the percentage on the size where the label will be located \n \n If this value is a string (possible options are 'start' , 'center' , 'end' or a string in percentage format), it is applied to vertical and horizontal position in the annotation. \n If this value is an object, the x property defines the horizontal alignment in the annotation. Similarly, the y property defines the vertical alignment in the annotation. Possible options for both properties are 'start' , 'center' , 'end' , a string in percentage format. Omitted property have value of the default, 'center' . \n Fonts and colors \n When the label to draw has multiple lines, you can use different font and color for each line of the label. This is enabled configuring an array of fonts or colors for those options. When the lines are more than the configured fonts of colors, the last configuration of those options is used for all remaining lines. \n Element \n The following diagram is showing the element properties about a 'box' annotation: \n \n The label of a box annotation is described as a label annotation and accessible by element.label . \n"},{title:"Ellipse Annotations",frontmatter:{},regularPath:"/guide/types/ellipse.html",relativePath:"guide/types/ellipse.md",key:"v-26692906",path:"/guide/types/ellipse.html",headers:[{level:2,title:"Configuration",slug:"configuration"},{level:3,title:"Ellipse annotation specific options",slug:"ellipse-annotation-specific-options"},{level:3,title:"Common options to all annotations",slug:"common-options-to-all-annotations"},{level:3,title:"General",slug:"general"},{level:3,title:"Styling",slug:"styling"},{level:2,title:"Label",slug:"label"},{level:3,title:"Position",slug:"position"},{level:3,title:"Fonts and colors",slug:"fonts-and-colors"},{level:2,title:"Element",slug:"element"}],lastUpdated:"9/19/2024, 7:47:19 AM",lastUpdatedTimestamp:1726732039e3,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 hitTolerance \n number \n Yes \n 0 \n \n \n init \n boolean \n See initial animation \n undefined \n \n \n id \n string \n No \n undefined \n \n \n shadowBlur \n number \n Yes \n 0 \n \n \n shadowOffsetX \n number \n Yes \n 0 \n \n \n shadowOffsetY \n number \n Yes \n 0 \n \n \n xMax \n number | string \n Yes \n undefined \n \n \n xMin \n number | string \n Yes \n undefined \n \n \n xScaleID \n string \n Yes \n undefined \n \n \n yMin \n number | string \n Yes \n undefined \n \n \n yMax \n number | string \n Yes \n undefined \n \n \n yScaleID \n string \n Yes \n undefined \n \n \n z \n number \n Yes \n 0 \n General \n If one of the axes does not match an axis in the chart, the ellipse will take the entire chart dimension. The 4 coordinates, xMin, xMax, yMin, yMax are optional. If not specified, the ellipse is expanded out to the edges in the respective direction. \n \n \n \n Name \n Description \n \n \n \n \n adjustScaleRange \n Should the scale range be adjusted if this annotation is out of range. \n \n \n display \n Whether or not this annotation is visible. \n \n \n drawTime \n See drawTime . \n \n \n hitTolerance \n Amount of pixels to interact with annotations within some distance of the mouse point. \n \n \n id \n Identifies a unique id for the annotation and it will be stored in the element context. When the annotations are defined by an object, the id is automatically set using the key used to store the annotations in the object. When the annotations are configured by an array, the id, passed by this option in the annotation, will be used. \n \n \n rotation \n Rotation of the ellipse in degrees, default is 0. \n \n \n xMax \n Right edge of the ellipse in units along the x axis. \n \n \n xMin \n Left edge of the ellipse in units along the x axis. \n \n \n xScaleID \n ID of the X scale to bind onto. If missing, the plugin will try to use the scale of the chart, configured as 'x' axis. If more than one scale has been defined in the chart as 'x' axis, the option is mandatory to select the right scale. \n \n \n yMax \n Bottom edge of the ellipse in units along the y axis. \n \n \n yMin \n Top edge of the ellipse in units along the y axis. \n \n \n yScaleID \n ID of the Y scale to bind onto. If missing, the plugin will try to use the scale of the chart, configured as 'y' axis. If more than one scale has been defined in the chart as 'y' axis, the option is mandatory to select the right scale. \n \n \n z \n The z property determines the drawing stack level of the ellipse annotation element. All visible elements will be drawn in ascending order of z option, with the same drawTime option. \n Styling \n \n \n \n Name \n Description \n \n \n \n \n backgroundColor \n Fill color. \n \n \n backgroundShadowColor \n The color of shadow. See MDN . \n \n \n borderColor \n Stroke color. \n \n \n borderDash \n Length and spacing of dashes. See MDN . \n \n \n borderDashOffset \n Offset for line dashes. See MDN . \n \n \n borderShadowColor \n The color of the border shadow. See MDN . \n \n \n borderWidth \n Stroke width. \n \n \n shadowBlur \n The amount of blur applied to shadow. See MDN . \n \n \n shadowOffsetX \n The distance that shadow will be offset horizontally. See MDN . \n \n \n shadowOffsetY \n The distance that shadow will be offset vertically. See MDN . \n Label \n Namespace: options.annotations[annotationID].label , it defines options for the the label of annotation. \n All of these options can be Scriptable \n \n \n \n Name \n Type \n Default \n Notes \n \n \n \n \n color \n Color | Color[] \n 'black' \n Text color. \n \n \n content \n string | string[] | Image | HTMLCanvasElement \n null \n The content to show in the label. \n \n \n display \n boolean \n false \n Whether or not the label is shown. \n \n \n drawTime \n string \n options.drawTime \n See drawTime . Defaults to the annotation draw time if unset \n \n \n font \n Font | Font[] \n { weight: 'bold' } \n Label font \n \n \n height \n number | string \n undefined \n Overrides the height of the image or canvas element. Could be set in pixel by a number, or in percentage of current height of image or canvas element by a string. If undefined, uses the height of the image or canvas element. It is used only when the content is an image or canvas element. \n \n \n hitTolerance \n number \n undefined \n Amount of pixels to interact with annotations within some distance of the mouse point. \n \n \n opacity \n number \n undefined \n Overrides the opacity of the image or canvas element. Could be set a number in the range 0.0 to 1.0, inclusive. If undefined, uses the opacity of the image or canvas element. It is used only when the content is an image or canvas element. \n \n \n padding \n Padding \n 6 \n The padding to add around the text label. \n \n \n position \n string | {x: string, y: string} \n 'center' \n Anchor position of label in the annotation. \n \n \n rotation \n number \n undefined \n Rotation of label, in degrees. If undefined , the annotation rotation is used. \n \n \n textAlign \n string \n 'start' \n Text alignment of label content when there's more than one line. Possible options are: 'left' , 'start' , 'center' , 'end' , 'right' . \n \n \n textStrokeColor \n Color \n undefined \n The color of the stroke around the text. \n \n \n textStrokeWidth \n number \n 0 \n Stroke width around the text. \n \n \n width \n number | string \n undefined \n Overrides the width of the image or canvas element. Could be set in pixel by a number, or in percentage of current width of image or canvas element by a string. If undefined, uses the width of the image or canvas element. It is used only when the content is an image or canvas element. \n \n \n xAdjust \n number \n 0 \n Adjustment along x-axis (left-right) of label relative to computed position. Negative values move the label left, positive right. \n \n \n yAdjust \n number \n 0 \n Adjustment along y-axis (top-bottom) of label relative to computed position. Negative values move the label up, positive down. \n \n \n z \n number \n 0 \n It determines the drawing stack level of the label element, with same drawTime . \n Position \n A position can be set in 2 different values types: \n \n 'start' , 'center' , 'end' which are defining where the label will be located \n a string , in percentage format 'number%' , is representing the percentage on the size where the label will be located \n \n If this value is a string (possible options are 'start' , 'center' , 'end' or a string in percentage format), it is applied to vertical and horizontal position in the annotation. \n If this value is an object, the x property defines the horizontal alignment in the annotation. Similarly, the y property defines the vertical alignment in the annotation. Possible options for both properties are 'start' , 'center' , 'end' , a string in percentage format. Omitted property have value of the default, 'center' . \n Fonts and colors \n When the label to draw has multiple lines, you can use different font and color for each line of the label. This is enabled configuring an array of fonts or colors for those options. When the lines are more than the configured fonts of colors, the last configuration of those options is used for all remaining lines. \n Element \n The following diagram is showing the element properties about a 'ellipse' annotation: \n \n"},{title:"Label Annotations",frontmatter:{},regularPath:"/guide/types/label.html",relativePath:"guide/types/label.md",key:"v-49aea27d",path:"/guide/types/label.html",headers:[{level:2,title:"Configuration",slug:"configuration"},{level:3,title:"Label annotation specific options",slug:"label-annotation-specific-options"},{level:3,title:"Common options to all annotations",slug:"common-options-to-all-annotations"},{level:3,title:"General",slug:"general"},{level:3,title:"Styling",slug:"styling"},{level:3,title:"Position",slug:"position"},{level:2,title:"Callout",slug:"callout"},{level:2,title:"Element",slug:"element"}],lastUpdated:"9/19/2024, 7:47:19 AM",lastUpdatedTimestamp:1726732039e3,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 hitTolerance \n number \n Yes \n 0 \n \n \n init \n boolean \n See initial animation \n undefined \n \n \n id \n string \n No \n undefined \n \n \n shadowBlur \n number \n Yes \n 0 \n \n \n shadowOffsetX \n number \n Yes \n 0 \n \n \n shadowOffsetY \n number \n Yes \n 0 \n \n \n xMax \n number | string \n Yes \n undefined \n \n \n xMin \n number | string \n Yes \n undefined \n \n \n xScaleID \n string \n Yes \n undefined \n \n \n yMin \n number | string \n Yes \n undefined \n \n \n yMax \n number | string \n Yes \n undefined \n \n \n yScaleID \n string \n Yes \n undefined \n \n \n z \n number \n Yes \n 0 \n General \n If one of the axes does not match an axis in the chart, the content will be rendered in the center of the chart. The 2 coordinates, xValue, yValue are optional. If not specified, the content will be rendered in the center of the scale dimension. \n The 4 coordinates, xMin, xMax, yMin, yMax are optional. If not specified, the box is expanded out to the edges in the respective direction and the box size is used to calculated the center of the point. \n \n \n \n Name \n Description \n \n \n \n \n adjustScaleRange \n Should the scale range be adjusted if this annotation is out of range. \n \n \n content \n The content to show in the text annotation. \n \n \n display \n Whether or not this annotation is visible. \n \n \n drawTime \n See drawTime . \n \n \n height \n Overrides the height of the image or canvas element. Could be set in pixel by a number, or in percentage of current height of image or canvas element by a string. If undefined, uses the height of the image or canvas element. It is used only when the content is an image or canvas element. \n \n \n hitTolerance \n Amount of pixels to interact with annotations within some distance of the mouse point. \n \n \n id \n Identifies a unique id for the annotation and it will be stored in the element context. When the annotations are defined by an object, the id is automatically set using the key used to store the annotations in the object. When the annotations are configured by an array, the id, passed by this option in the annotation, will be used. \n \n \n padding \n The padding to add around the text label. \n \n \n rotation \n Rotation of the label in degrees. \n \n \n textAlign \n Text alignment of label content when there's more than one line. Possible options are: 'left' , 'start' , 'center' , 'end' , 'right' . \n \n \n width \n Overrides the width of the image or canvas element. Could be set in pixel by a number, or in percentage of current width of image or canvas element by a string. If undefined, uses the width of the image or canvas element. It is used only when the content is an image or canvas element. \n \n \n xAdjust \n Adjustment along x-axis (left-right) of label relative to computed position. Negative values move the label left, positive right. \n \n \n xMax \n Right edge of the box in units along the x axis. \n \n \n xMin \n Left edge of the box in units along the x axis. \n \n \n xScaleID \n ID of the X scale to bind onto. If missing, the plugin will try to use the scale of the chart, configured as 'x' axis. If more than one scale has been defined in the chart as 'x' axis, the option is mandatory to select the right scale. \n \n \n xValue \n X coordinate of the point in units along the x axis. \n \n \n yAdjust \n Adjustment along y-axis (top-bottom) of label relative to computed position. Negative values move the label up, positive down. \n \n \n yMax \n Bottom edge of the box in units along the y axis. \n \n \n yMin \n Top edge of the box in units along the y axis. \n \n \n yScaleID \n ID of the Y scale to bind onto. If missing, the plugin will try to use the scale of the chart, configured as 'y' axis. If more than one scale has been defined in the chart as 'y' axis, the option is mandatory to select the right scale. \n \n \n yValue \n Y coordinate of the point in units along the y axis. \n \n \n z \n The z property determines the drawing stack level of the label annotation element. All visible elements will be drawn in ascending order of z option, with the same drawTime option. \n Styling \n \n \n \n Name \n Description \n \n \n \n \n backgroundColor \n Fill color. \n \n \n backgroundShadowColor \n The color of shadow. See MDN . \n \n \n borderCapStyle \n Cap style of the border line. See MDN . \n \n \n borderColor \n Stroke color. \n \n \n borderDash \n Length and spacing of dashes. See MDN . \n \n \n borderDashOffset \n Offset for border line dashes. See MDN . \n \n \n borderJoinStyle \n Border line join style. See MDN . \n \n \n borderShadowColor \n The color of the border shadow. See MDN . \n \n \n borderWidth \n Stroke width (in pixels). \n \n \n color \n Text color. When the label to draw has multiple lines, you can use different color for each line of the label. This is enabled configuring an array of colors. When the lines are more than the configured colors, the last configuration of this option is used for all remaining lines. \n \n \n font \n Text font. When the label to draw has multiple lines, you can use different font for each line of the label. This is enabled configuring an array of fonts. When the lines are more than the configured fonts, the last configuration of this option is used for all remaining lines. \n \n \n opacity \n Overrides the opacity of the image or canvas element. Could be set a number in the range 0.0 to 1.0, inclusive. If undefined, uses the opacity of the image or canvas element. It is used only when the content is an image or canvas element. \n \n \n shadowBlur \n The amount of blur applied to shadow of the box where the label is located. See MDN . \n \n \n shadowOffsetX \n The distance that shadow, of the box where the label is located, will be offset horizontally. See MDN . \n \n \n shadowOffsetY \n The distance that shadow, of the box where the label is located, will be offset vertically. See MDN . \n \n \n textStrokeColor \n The color of the stroke around the text. \n \n \n textStrokeWidth \n Stroke width around the text. \n Position \n A position can be set in 2 different values types: \n \n 'start' , 'center' , 'end' which are defining where the label will be located \n a string , in percentage format 'number%' , is representing the percentage on the size where the label will be located \n \n If this value is a string (possible options are 'start' , 'center' , 'end' or a string in percentage format), it is applied to vertical and horizontal position in the box. \n If this value is an object, the x property defines the horizontal alignment in the label, with respect to the selected point. Similarly, the y property defines the vertical alignment in the label, with respect to the selected point. Possible options for both properties are 'start' , 'center' , 'end' , a string in percentage format. Omitted property have value of the default, 'center' . \n borderRadius \n If this value is a number, it is applied to all corners of the rectangle (topLeft, topRight, bottomLeft, bottomRight). If this value is an object, the topLeft property defines the top-left corners border radius. Similarly, the topRight , bottomLeft , and bottomRight properties can also be specified. Omitted corners have radius of 0. \n Callout \n A callout connects the label by a line to the selected point. \n Namespace: options.annotations[annotationID].callout , it defines options for the callout on the annotation label. \n */\nconst options = {\n plugins: {\n annotation: {\n annotations: {\n label1: {\n type: 'label',\n xValue: 2.5,\n yValue: 60,\n xAdjust: 290,\n yAdjust: -100,\n backgroundColor: 'rgba(245,245,245)',\n content: ['In this point of time,', 'something happened'],\n textAlign: 'start',\n font: {\n size: 18\n },\n callout: {\n display: true,\n side: 10\n }\n }\n }\n }\n }\n};\n/* */\n\n/* */\nconst config = {\n type: 'line',\n data: {\n labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July'],\n datasets: [{\n label: 'My First Dataset',\n data: [65, 59, 80, 81, 56, 55, 40],\n fill: false,\n borderColor: 'rgb(75, 192, 192)',\n tension: 0.1\n }]\n },\n options\n};\n/* */\n\nmodule.exports = {\n config\n};\n`\"/> All of these options can be Scriptable . \n \n \n \n Name \n Type \n Default \n Notes \n \n \n \n \n borderCapStyle \n string \n 'butt' \n Cap style of the border line of callout. See MDN . \n \n \n borderColor \n Color \n undefined \n Stroke color of the pointer of the callout. \n \n \n borderDash \n number[] \n [] \n Length and spacing of dashes of callout. See MDN . \n \n \n borderDashOffset \n number \n 0 \n Offset for line dashes of callout. See MDN . \n \n \n borderJoinStyle \n string \n 'miter' \n Border line join style of the callout. See MDN . \n \n \n borderWidth \n number \n 1 \n Stroke width of the pointer of the callout. \n \n \n display \n boolean \n false \n If true, the callout is drawn. \n \n \n margin \n number \n 5 \n Amount of pixels between the label and the callout separator. \n \n \n position \n string \n 'auto' \n The position of callout, with respect to the label. Could be left , top , right , bottom or auto . \n \n \n side \n number \n 5 \n Width of the starter line of callout pointer. \n \n \n start \n number | string \n '50%' \n The percentage of the separator dimension to use as starting point for callout pointer. Could be set in pixel by a number, or in percentage of the separator dimension by a string. \n Element \n The following diagram is showing the element properties about a 'label' annotation: \n \n"},{title:"Line Annotations",frontmatter:{},regularPath:"/guide/types/line.html",relativePath:"guide/types/line.md",key:"v-37e66462",path:"/guide/types/line.html",headers:[{level:2,title:"Configuration",slug:"configuration"},{level:3,title:"Line annotation specific options",slug:"line-annotation-specific-options"},{level:3,title:"Common options to all annotations",slug:"common-options-to-all-annotations"},{level:3,title:"General",slug:"general"},{level:3,title:"Styling",slug:"styling"},{level:2,title:"Label",slug:"label"},{level:3,title:"borderRadius",slug:"borderradius"},{level:3,title:"Fonts and colors",slug:"fonts-and-colors"},{level:3,title:"Callout",slug:"callout"},{level:2,title:"Arrow heads",slug:"arrow-heads"},{level:3,title:"Arrow head configuration",slug:"arrow-head-configuration"},{level:2,title:"Element",slug:"element"}],lastUpdated:"9/19/2024, 7:47:19 AM",lastUpdatedTimestamp:1726732039e3,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 hitTolerance \n number \n Yes \n 0 \n \n \n init \n boolean \n See initial animation \n undefined \n \n \n id \n string \n No \n undefined \n \n \n shadowBlur \n number \n Yes \n 0 \n \n \n shadowOffsetX \n number \n Yes \n 0 \n \n \n shadowOffsetY \n number \n Yes \n 0 \n \n \n xMax \n number | string \n Yes \n undefined \n \n \n xMin \n number | string \n Yes \n undefined \n \n \n xScaleID \n string \n Yes \n undefined \n \n \n yMin \n number | string \n Yes \n undefined \n \n \n yMax \n number | string \n Yes \n undefined \n \n \n yScaleID \n string \n Yes \n undefined \n \n \n z \n number \n Yes \n 0 \n General \n If one of the axes does not match an axis in the chart then the line behaviors are the following, depending on how the line should be drawn: \n \n if scaleID is not resolved, the line will take the entire chart dimension, from the top-left vertex to the bottom-right vertex of the chart \n if xScaleID is not resolved, the line will take the entire chart width \n if yScaleID is not resolved, the line will take the entire chart height \n \n The 2 coordinates, start, end, are optional. If not specified, the line is expanded out to the edges in the respective direction.\nThe 4 coordinates, xMin, xMax, yMin, yMax are optional. If not specified, the line is expanded out to the edges in the respective direction. \n The id identifies a unique id for the annotation and it will be stored in the element context. When the annotations are defined by an object, the id is automatically set using the key used to store the annotations in the object. When the annotations are configured by an array, the id, passed by this option in the annotation, will be used. \n Positioning \n The line can be positioned in two different ways. If scaleID is set, then value and endValue must also be set to indicate the endpoints of the line. The line will be perpendicular to the axis identified by scaleID . \n If scaleID is unset, then xScaleID and yScaleID are used to draw a line from (xMin, yMin) to (xMax, yMax) . \n \n \n \n Name \n Description \n \n \n \n \n adjustScaleRange \n Should the scale range be adjusted if this annotation is out of range. \n \n \n controlPoint \n if curve is enabled, it configures the control point to drawn the curve, calculated in pixels. It can be set by a string in percentage format 'number%' which are representing the percentage of the distance between the start and end point from the center. \n \n \n curve \n Whether or not a quadratic Bézier curve is drawn. \n \n \n display \n Whether or not this annotation is visible. \n \n \n drawTime \n See drawTime . \n \n \n endValue \n End two of the line when a single scale is specified. \n \n \n hitTolerance \n Amount of pixels to interact with annotations within some distance of the mouse point. \n \n \n id \n Identifies a unique id for the annotation and it will be stored in the element context. When the annotations are defined by an object, the id is automatically set using the key used to store the annotations in the object. When the annotations are configured by an array, the id, passed by this option in the annotation, will be used. \n \n \n scaleID \n ID of the scale in single scale mode. If unset, xScaleID and yScaleID are used. \n \n \n value \n End one of the line when a single scale is specified. \n \n \n xMax \n X coordinate of end two of the line in units along the x axis. \n \n \n xMin \n X coordinate of end one of the line in units along the x axis. \n \n \n xScaleID \n ID of the X scale to bind onto. If missing, the plugin will try to use the scale of the chart, configured as 'x' axis. If more than one scale has been defined in the chart as 'x' axis, the option is mandatory to select the right scale. \n \n \n yMax \n Y coordinate of end two of the line in units along the y axis. \n \n \n yMin \n Y coordinate of end one of the line in units along the y axis. \n \n \n yScaleID \n ID of the Y scale to bind onto. If missing, the plugin will try to use the scale of the chart, configured as 'y' axis. If more than one scale has been defined in the chart as 'y' axis, the option is mandatory to select the right scale. \n \n \n z \n The z property determines the drawing stack level of the line annotation element. All visible elements will be drawn in ascending order of z option, with the same drawTime option. \n Styling \n \n \n \n Name \n Description \n \n \n \n \n borderColor \n Stroke color. \n \n \n borderDash \n Length and spacing of dashes. See MDN . \n \n \n borderDashOffset \n Offset for line dashes. See MDN . \n \n \n borderShadowColor \n The color of shadow. See MDN . \n \n \n borderWidth \n Stroke width. \n \n \n shadowBlur \n The amount of blur applied to shadow. See MDN . \n \n \n shadowOffsetX \n The distance that shadow will be offset horizontally. See MDN . \n \n \n shadowOffsetY \n The distance that shadow will be offset vertically. See MDN . \n Label \n Namespace: options.annotations[annotationID].label , it defines options for the line annotation label. \n All of these options can be Scriptable \n \n \n \n Name \n Type \n Default \n Notes \n \n \n \n \n backgroundColor \n Color \n 'rgba(0,0,0,0.8)' \n Background color of the label container. \n \n \n backgroundShadowColor \n Color \n 'transparent' \n The color of shadow of the box where the label is located. See MDN . \n \n \n borderCapStyle \n string \n 'butt' \n Cap style of the border line. See MDN . \n \n \n borderColor \n Color \n black \n The border line color. \n \n \n borderDash \n number[] \n [] \n Length and spacing of dashes. See MDN . \n \n \n borderDashOffset \n number \n 0 \n Offset for border line dashes. See MDN . \n \n \n borderJoinStyle \n string \n 'miter' \n Border line join style. See MDN . \n \n \n borderRadius \n number | object \n 6 \n Radius of label box corners in pixels. \n \n \n borderShadowColor \n Color \n 'transparent' \n The color of border shadow of the box where the label is located. See MDN . \n \n \n borderWidth \n number \n 0 \n The border line width (in pixels). \n \n \n callout \n object \n \n Can connect the label to the line. See callout . \n \n \n color \n Color | Color[] \n '#fff' \n Text color. \n \n \n content \n string | string[] | Image | HTMLCanvasElement \n null \n The content to show in the label. \n \n \n display \n boolean \n false \n Whether or not the label is shown. \n \n \n drawTime \n string \n options.drawTime \n See drawTime . Defaults to the line annotation draw time if unset. \n \n \n font \n Font | Font[] \n { weight: 'bold' } \n Label font. \n \n \n height \n number | string \n undefined \n Overrides the height of the image or canvas element. Could be set in pixel by a number, or in percentage of current height of image or canvas element by a string. If undefined, uses the height of the image or canvas element. It is used only when the content is an image or canvas element. \n \n \n hitTolerance \n number \n undefined \n Amount of pixels to interact with annotations within some distance of the mouse point. \n \n \n opacity \n number \n undefined \n Overrides the opacity of the image or canvas element. Could be set a number in the range 0.0 to 1.0, inclusive. If undefined, uses the opacity of the image or canvas element. It is used only when the content is an image or canvas element. \n \n \n padding \n Padding \n 6 \n The padding to add around the text label. \n \n \n position \n string \n 'center' \n Anchor position of label on line. Possible options are: 'start' , 'center' , 'end' . It can be set by a string in percentage format 'number%' which are representing the percentage on the width of the line where the label will be located. \n \n \n rotation \n number | 'auto' \n 0 \n Rotation of label, in degrees, or 'auto' to use the degrees of the line. \n \n \n shadowBlur \n number \n 0 \n The amount of blur applied to shadow of the box where the label is located. See MDN . \n \n \n shadowOffsetX \n number \n 0 \n The distance that shadow, of the box where the label is located, will be offset horizontally. See MDN . \n \n \n shadowOffsetY \n number \n 0 \n The distance that shadow, of the box where the label is located, will be offset vertically. See MDN . \n \n \n textAlign \n string \n 'center' \n Text alignment of label content when there's more than one line. Possible options are: 'start' , 'center' , 'end' . \n \n \n textStrokeColor \n Color \n undefined \n The color of the stroke around the text. \n \n \n textStrokeWidth \n number \n 0 \n Stroke width around the text. \n \n \n width \n number | string \n undefined \n Overrides the width of the image or canvas element. Could be set in pixel by a number, or in percentage of current width of image or canvas element by a string. If undefined, uses the width of the image or canvas element. It is used only when the content is an image or canvas element. \n \n \n xAdjust \n number \n 0 \n Adjustment along x-axis (left-right) of label relative to computed position. Negative values move the label left, positive right. \n \n \n yAdjust \n number \n 0 \n Adjustment along y-axis (top-bottom) of label relative to computed position. Negative values move the label up, positive down. \n \n \n z \n number \n 0 \n It determines the drawing stack level of the label element, with same drawTime . \n borderRadius \n If this value is a number, it is applied to all corners of the rectangle (topLeft, topRight, bottomLeft, bottomRight). If this value is an object, the topLeft property defines the top-left corners border radius. Similarly, the topRight , bottomLeft , and bottomRight properties can also be specified. Omitted corners have radius of 0. \n Fonts and colors \n When the label to draw has multiple lines, you can use different font and color for each line of the label. This is enabled configuring an array of fonts or colors for those options. When the lines are more than the configured fonts of colors, the last configuration of those options is used for all remaining lines. \n Callout \n A callout can connect the label to the line when the label is arbitrarily (by xAdjust and yAdjust options) moved from its original position. \n Namespace: options.annotations[annotationID].label.callout , it defines options for the callout on the label of the line annotation. \n All of these options can be Scriptable . \n \n \n \n Name \n Type \n Default \n Notes \n \n \n \n \n borderCapStyle \n string \n 'butt' \n Cap style of the border line of callout. See MDN . \n \n \n borderColor \n Color \n undefined \n Stroke color of the pointer of the callout. \n \n \n borderDash \n number[] \n [] \n Length and spacing of dashes of callout. See MDN . \n \n \n borderDashOffset \n number \n 0 \n Offset for line dashes of callout. See MDN . \n \n \n borderJoinStyle \n string \n 'miter' \n Border line join style of the callout. See MDN . \n \n \n borderWidth \n number \n 1 \n Stroke width of the pointer of the callout. \n \n \n display \n boolean \n false \n If true, the callout is drawn. \n \n \n margin \n number \n 5 \n Amount of pixels between the label and the callout separator. \n \n \n position \n string \n 'auto' \n The position of callout, with respect to the label. Could be left , top , right , bottom or auto . \n \n \n side \n number \n 5 \n Width of the starter line of callout pointer. \n \n \n start \n number | string \n '50%' \n The percentage of the separator dimension to use as starting point for callout pointer. Could be set in pixel by a number, or in percentage of the separator dimension by a string. \n Arrow heads \n Namespace: options.annotations[annotationID].arrowHeads , it defines options for the line annotation arrow heads. \n All of these options can be Scriptable \n \n \n \n Name \n Type \n Notes \n \n \n \n \n end \n object \n To configure the arrow head at the end of the line. \n \n \n start \n object \n To configure the arrow head at the start of the line. \n Arrow head configuration \n Enabling it, you can add arrow heads at start and/or end of a line. It uses the borderWidth of the line options to configure the line width of the arrow head. \n The following options can be specified per ( start and/or end ) arrow head, or at the top level ( arrowHeads ) which apply to all arrow heads. \n All of these options can be Scriptable \n \n \n \n Name \n Type \n Default \n Notes \n \n \n \n \n backgroundColor \n Color \n lineAnnotation.borderColor \n Background color of the arrow head. \n \n \n backgroundShadowColor \n Color \n 'transparent' \n The color of shadow of the arrow head. See MDN . \n \n \n borderColor \n Color \n lineAnnotation.borderColor \n The border arrow head color. \n \n \n borderDash \n number[] \n lineAnnotation.borderDash \n Length and spacing of dashes. See MDN . \n \n \n borderDashOffset \n number \n lineAnnotation.borderDashOffset \n Offset for border arrow head dashes. See MDN . \n \n \n borderShadowColor \n Color \n lineAnnotation.borderShadowColor \n The color of border shadow of the arrow head. See MDN . \n \n \n borderWidth \n number \n lineAnnotation.borderWidth \n The border line width (in pixels). \n \n \n display \n boolean \n false \n Whether or not the arrow head is shown. \n \n \n fill \n boolean \n false \n Whether or not the arrow head is filled. \n \n \n length \n number \n 12 \n The length of the arrow head in pixels. \n \n \n shadowBlur \n number \n lineAnnotation.shadowBlur \n The amount of blur applied to shadow of the arrow head. See MDN . \n \n \n shadowOffsetX \n number \n lineAnnotation.shadowOffsetX \n The distance that shadow, of the arrow head, will be offset horizontally. See MDN . \n \n \n shadowOffsetY \n number \n lineAnnotation.shadowOffsetY \n The distance that shadow, of the arrow head, will be offset vertically. See MDN . \n \n \n width \n number \n 6 \n The width of the arrow head in pixels. \n Element \n The following diagram is showing the element properties about a 'line' annotation: \n \n The label of a box annotation is described as a label annotation and accessible by element.label . \n"},{title:"Point Annotations",frontmatter:{},regularPath:"/guide/types/point.html",relativePath:"guide/types/point.md",key:"v-90c1ce06",path:"/guide/types/point.html",headers:[{level:2,title:"Configuration",slug:"configuration"},{level:3,title:"Point annotation specific options",slug:"point-annotation-specific-options"},{level:3,title:"Common options to all annotations",slug:"common-options-to-all-annotations"},{level:3,title:"General",slug:"general"},{level:3,title:"Styling",slug:"styling"},{level:2,title:"Element",slug:"element"}],lastUpdated:"9/19/2024, 7:47:19 AM",lastUpdatedTimestamp:1726732039e3,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 hitTolerance \n number \n Yes \n 0 \n \n \n init \n boolean \n See initial animation \n undefined \n \n \n id \n string \n No \n undefined \n \n \n shadowBlur \n number \n Yes \n 0 \n \n \n shadowOffsetX \n number \n Yes \n 0 \n \n \n shadowOffsetY \n number \n Yes \n 0 \n \n \n xMax \n number | string \n Yes \n undefined \n \n \n xMin \n number | string \n Yes \n undefined \n \n \n xScaleID \n string \n Yes \n undefined \n \n \n yMin \n number | string \n Yes \n undefined \n \n \n yMax \n number | string \n Yes \n undefined \n \n \n yScaleID \n string \n Yes \n undefined \n \n \n z \n number \n Yes \n 0 \n General \n If one of the axes does not match an axis in the chart, the point annotation will take the center of the chart as point. The 2 coordinates, xValue, yValue are optional. If not specified, the point annotation will take the center of the scale dimension as point. \n The 4 coordinates, xMin, xMax, yMin, yMax are optional. If not specified, the box is expanded out to the edges in the respective direction and the box size is used to calculated the center of the point. To enable to use the box positioning, the radius must be set to 0 or NaN . \n \n \n \n Name \n Description \n \n \n \n \n adjustScaleRange \n Should the scale range be adjusted if this annotation is out of range. \n \n \n display \n Whether or not this annotation is visible. \n \n \n drawTime \n See drawTime . \n \n \n hitTolerance \n Amount of pixels to interact with annotations within some distance of the mouse point. \n \n \n id \n Identifies a unique id for the annotation and it will be stored in the element context. When the annotations are defined by an object, the id is automatically set using the key used to store the annotations in the object. When the annotations are configured by an array, the id, passed by this option in the annotation, will be used. \n \n \n radius \n Size of the point in pixels. \n \n \n rotation \n Rotation of point, in degrees. \n \n \n xAdjust \n Adjustment along x-axis (left-right) of point relative to computed position. Negative values move the point left, positive right. \n \n \n xMax \n Right edge of the box in units along the x axis. \n \n \n xMin \n Left edge of the box in units along the x axis. \n \n \n xScaleID \n ID of the X scale to bind onto. If missing, the plugin will try to use the scale of the chart, configured as 'x' axis. If more than one scale has been defined in the chart as 'x' axis, the option is mandatory to select the right scale. \n \n \n xValue \n X coordinate of the point in units along the x axis. \n \n \n yAdjust \n Adjustment along y-axis (top-bottom) of point relative to computed position. Negative values move the point up, positive down. \n \n \n yMax \n Bottom edge of the box in units along the y axis. \n \n \n yMin \n Top edge of the box in units along the y axis. \n \n \n yScaleID \n ID of the Y scale to bind onto. If missing, the plugin will try to use the scale of the chart, configured as 'y' axis. If more than one scale has been defined in the chart as 'y' axis, the option is mandatory to select the right scale. \n \n \n yValue \n Y coordinate of the point in units along the y axis. \n \n \n z \n The z property determines the drawing stack level of the point annotation element. All visible elements will be drawn in ascending order of z option, with the same drawTime option. \n Styling \n \n \n \n Name \n Description \n \n \n \n \n backgroundColor \n Fill color. \n \n \n backgroundShadowColor \n The color of shadow. See MDN . \n \n \n borderColor \n Stroke color. \n \n \n borderDash \n Length and spacing of dashes. See MDN . \n \n \n borderDashOffset \n Offset for line dashes. See MDN . \n \n \n borderShadowColor \n The color of border shadow. See MDN . \n \n \n borderWidth \n Stroke width. \n \n \n pointStyle \n Style of the point. \n \n \n shadowBlur \n The amount of blur applied to shadow. See MDN . \n \n \n shadowOffsetX \n The distance that shadow will be offset horizontally. See MDN . \n \n \n shadowOffsetY \n The distance that shadow will be offset vertically. See MDN . \n Element \n The following diagram is showing the element properties about a 'point' annotation: \n \n"},{title:"Polygon Annotations",frontmatter:{},regularPath:"/guide/types/polygon.html",relativePath:"guide/types/polygon.md",key:"v-33db82fd",path:"/guide/types/polygon.html",headers:[{level:2,title:"Configuration",slug:"configuration"},{level:3,title:"Polygon annotation specific options",slug:"polygon-annotation-specific-options"},{level:3,title:"Common options to all annotations",slug:"common-options-to-all-annotations"},{level:3,title:"General",slug:"general"},{level:3,title:"Styling",slug:"styling"},{level:3,title:"Point",slug:"point"},{level:2,title:"Element",slug:"element"}],lastUpdated:"9/19/2024, 7:47:19 AM",lastUpdatedTimestamp:1726732039e3,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 hitTolerance \n number \n Yes \n 0 \n \n \n init \n boolean \n See initial animation \n undefined \n \n \n id \n string \n No \n undefined \n \n \n shadowBlur \n number \n Yes \n 0 \n \n \n shadowOffsetX \n number \n Yes \n 0 \n \n \n shadowOffsetY \n number \n Yes \n 0 \n \n \n xMax \n number | string \n Yes \n undefined \n \n \n xMin \n number | string \n Yes \n undefined \n \n \n xScaleID \n string \n Yes \n undefined \n \n \n yMin \n number | string \n Yes \n undefined \n \n \n yMax \n number | string \n Yes \n undefined \n \n \n yScaleID \n string \n Yes \n undefined \n \n \n z \n number \n Yes \n 0 \n General \n If one of the axes does not match an axis in the chart, the polygon annotation will take the center of the chart as point. The 2 coordinates, xValue, yValue are optional. If not specified, the polygon annotation will take the center of the scale dimension. \n The 4 coordinates, xMin, xMax, yMin, yMax are optional. If not specified, the box is expanded out to the edges in the respective direction and the box size is used to calculated the center of the point. To enable to use the box positioning, the radius must be set to 0 or NaN . \n \n \n \n Name \n Description \n \n \n \n \n adjustScaleRange \n Should the scale range be adjusted if this annotation is out of range. \n \n \n display \n Whether or not this annotation is visible. \n \n \n drawTime \n See drawTime . \n \n \n hitTolerance \n Amount of pixels to interact with annotations within some distance of the mouse point. \n \n \n id \n Identifies a unique id for the annotation and it will be stored in the element context. When the annotations are defined by an object, the id is automatically set using the key used to store the annotations in the object. When the annotations are configured by an array, the id, passed by this option in the annotation, will be used. \n \n \n radius \n Size of the polygon in pixels. \n \n \n rotation \n Rotation of polygon, in degrees. \n \n \n sides \n Amount of sides of polygon. \n \n \n xAdjust \n Adjustment along x-axis (left-right) of polygon relative to computed position. Negative values move the polygon left, positive right. \n \n \n xMax \n Right edge of the box in units along the x axis. \n \n \n xMin \n Left edge of the box in units along the x axis. \n \n \n xScaleID \n ID of the X scale to bind onto. If missing, the plugin will try to use the scale of the chart, configured as 'x' axis. If more than one scale has been defined in the chart as 'x' axis, the option is mandatory to select the right scale. \n \n \n xValue \n X coordinate of the polygon in units along the x axis. \n \n \n yAdjust \n Adjustment along y-axis (top-bottom) of polygon relative to computed position. Negative values move the polygon up, positive down. \n \n \n yMax \n Bottom edge of the box in units along the y axis. \n \n \n yMin \n Top edge of the box in units along the y axis. \n \n \n yScaleID \n ID of the Y scale to bind onto. If missing, the plugin will try to use the scale of the chart, configured as 'y' axis. If more than one scale has been defined in the chart as 'y' axis, the option is mandatory to select the right scale. \n \n \n yValue \n Y coordinate of the polygon in units along the y axis. \n \n \n z \n The z property determines the drawing stack level of the polygon annotation element. All visible elements will be drawn in ascending order of z option, with the same drawTime option. \n Styling \n \n \n \n Name \n Description \n \n \n \n \n backgroundColor \n Fill color. \n \n \n backgroundShadowColor \n The color of shadow. See MDN . \n \n \n borderColor \n Stroke color. \n \n \n borderCapStyle \n Cap style of the border of polygon. See MDN . \n \n \n borderDash \n Length and spacing of dashes. See MDN . \n \n \n borderDashOffset \n Offset for line dashes. See MDN . \n \n \n borderJoinStyle \n Border line join style. See MDN . \n \n \n borderShadowColor \n The color of the border shadow. See MDN . \n \n \n borderWidth \n Stroke width. \n \n \n shadowBlur \n The amount of blur applied to shadow. See MDN . \n \n \n shadowOffsetX \n The distance that shadow will be offset horizontally. See MDN . \n \n \n shadowOffsetY \n The distance that shadow will be offset vertically. See MDN . \n Point \n Polygon consists of points. These points are actually Point Annotations and all of the styling options can be configured. General options affecting the location of the point are ignored. \n Namespace: options.annotations[annotationID].point , it defines options for the callout on the annotation label. \n */\nconst options = {\n plugins: {\n annotation: {\n annotations: {\n pentagon: {\n type: 'polygon',\n xValue: 1,\n yValue: 60,\n sides: 4,\n radius: 60,\n backgroundColor: 'rgba(255, 99, 132, 0.25)',\n point: {\n radius: 10,\n borderWidth: 2,\n borderColor: '#666',\n backgroundColor: 'rgba(99, 132, 255, 0.25)',\n }\n }\n }\n }\n }\n};\n/* */\n\n/* */\nconst config = {\n type: 'line',\n data: {\n labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July'],\n datasets: [{\n label: 'My First Dataset',\n data: [65, 59, 80, 81, 56, 55, 40],\n fill: false,\n borderColor: 'rgb(75, 192, 192)',\n tension: 0.1\n }]\n },\n options\n};\n/* */\n\nmodule.exports = {\n config\n};\n`\"/> # Element \n The following diagram is showing the element properties about a 'polygon' annotation: \n \n"},{title:"Home",frontmatter:{home:!0,heroImage:"/hero.svg",actionText:"Get Started →",actionLink:"/guide/",footer:"MIT Licensed | Copyright © 2016-2023 chartjs-plugin-annotation contributors"},regularPath:"/",relativePath:"index.md",key:"v-ebb19754",path:"/",lastUpdated:"9/19/2024, 7:47:19 AM",lastUpdatedTimestamp:1726732039e3,content:""},{title:"Usage",frontmatter:{},regularPath:"/guide/usage.html",relativePath:"guide/usage.md",key:"v-942110c6",path:"/guide/usage.html",lastUpdated:"9/19/2024, 7:47:19 AM",lastUpdatedTimestamp:1726732039e3,content:" Usage \n Using the annotation plugin is very simple. Once the plugin is registered annotation options provided to the chart will be used. In this simple example, we define a single box annotation for our chart. \n */\nconst config = {\n type: 'line',\n data: {\n labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July'],\n datasets: [{\n label: 'My First Dataset',\n data: [65, 59, 80, 81, 56, 55, 40],\n fill: false,\n borderColor: 'rgb(75, 192, 192)',\n tension: 0.1\n }]\n },\n options: {\n plugins: {\n annotation: {\n annotations: {\n box1: {\n // Indicates the type of annotation\n type: 'box',\n xMin: 1,\n xMax: 2,\n yMin: 50,\n yMax: 70,\n backgroundColor: 'rgba(255, 99, 132, 0.25)'\n }\n }\n }\n }\n }\n};\n/* */\n\nmodule.exports = {\n config\n};\n`\"/>"},{title:"Basic",frontmatter:{},regularPath:"/samples/box/basic.html",relativePath:"samples/box/basic.md",key:"v-54f14cdd",path:"/samples/box/basic.html",lastUpdated:"9/19/2024, 7:47:19 AM",lastUpdatedTimestamp:1726732039e3,content:" Basic \n \nconst DATA_COUNT = 8;\nconst MIN = [0, 50];\nconst MAX = [50, 100];\n\nUtils.srand(8);\n\nconst data = {\n datasets: [{\n data: Utils.points({count: DATA_COUNT, min: MIN[0], max: MAX[0]})\n }, {\n data: Utils.points({count: DATA_COUNT, min: MIN[1], max: MAX[1]})\n }]\n};\n// \n\n// \nconst annotation1 = {\n type: 'box',\n backgroundColor: 'rgba(0, 150, 0, 0.02)',\n borderColor: 'rgba(0, 150, 0, 0.2)',\n borderRadius: 4,\n borderWidth: 1,\n xMax: (ctx) => max(ctx, 0, 'x') + 2,\n xMin: (ctx) => min(ctx, 0, 'x') - 2,\n yMax: (ctx) => max(ctx, 0, 'y') + 2,\n yMin: (ctx) => min(ctx, 0, 'y') - 2\n};\n// \n\n// \nconst annotation2 = {\n type: 'box',\n backgroundColor: 'rgba(150, 0, 0, 0.02)',\n borderColor: 'rgba(150, 0, 0, 0.2)',\n borderRadius: 4,\n borderWidth: 1,\n xMax: (ctx) => max(ctx, 1, 'x') + 2,\n xMin: (ctx) => min(ctx, 1, 'x') - 2,\n yMax: (ctx) => max(ctx, 1, 'y') + 2,\n yMin: (ctx) => min(ctx, 1, 'y') - 2\n};\n// \n\n/* */\nconst config = {\n type: 'scatter',\n data,\n options: {\n plugins: {\n annotation: {\n annotations: {\n annotation1,\n annotation2\n }\n }\n }\n }\n};\n/* */\n\n// \nfunction min(ctx, datasetIndex, prop) {\n const dataset = ctx.chart.data.datasets[datasetIndex];\n return dataset.data.reduce((v, point) => Math.min(point[prop], v), Infinity);\n}\n\nfunction max(ctx, datasetIndex, prop) {\n const dataset = ctx.chart.data.datasets[datasetIndex];\n return dataset.data.reduce((v, point) => Math.max(point[prop], v), -Infinity);\n}\n\n// \n\nconst actions = [\n {\n name: 'Randomize',\n handler: function(chart) {\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data.forEach(p => {\n p.x = Utils.rand(MIN[i], MAX[i]);\n p.y = Utils.rand(MIN[i], MAX[i]);\n });\n });\n chart.update();\n }\n },\n {\n name: 'Add data',\n handler: function(chart) {\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data.push({x: Utils.rand(MIN[i], MAX[i]), y: Utils.rand(MIN[i], MAX[i])});\n });\n chart.update();\n }\n },\n {\n name: 'Remove data',\n handler: function(chart) {\n chart.data.labels.shift();\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data.shift();\n });\n chart.update();\n }\n }\n];\n\nmodule.exports = {\n actions: actions,\n config: config,\n};\n`\"/>"},{title:"Using canvas as labels",frontmatter:{},regularPath:"/samples/box/canvas.html",relativePath:"samples/box/canvas.md",key:"v-43e4cf76",path:"/samples/box/canvas.html",lastUpdated:"9/19/2024, 7:47:19 AM",lastUpdatedTimestamp:1726732039e3,content:" Using canvas as labels \n \nconst DATA_COUNT = 12;\nconst MIN = 10;\nconst MAX = 100;\n\nconst numberCfg = {count: DATA_COUNT, min: MIN, max: MAX};\n\nconst data = {\n labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'],\n datasets: [{\n data: Utils.numbers(numberCfg)\n }]\n};\n// \n\n// \nconst annotation1 = {\n type: 'box',\n backgroundColor: 'rgba(165, 214, 167, 0.2)',\n borderWidth: 0,\n xMax: 2,\n xMin: 5,\n label: {\n display: true,\n content: Utils.getSpiral(),\n position: {\n x: 'center',\n y: 'start'\n }\n }\n};\n// \n\n// \nconst annotation2 = {\n type: 'box',\n backgroundColor: 'rgba(188, 170, 164, 0.2)',\n borderWidth: 0,\n xMax: 6,\n xMin: 10,\n label: {\n display: true,\n content: Utils.getHouse(),\n position: {\n x: 'center',\n y: 'end'\n }\n }\n};\n// \n\n/* */\nconst config = {\n type: 'line',\n data,\n options: {\n scales: {\n y: {\n beginAtZero: true,\n }\n },\n plugins: {\n annotation: {\n annotations: {\n annotation1,\n annotation2\n }\n }\n }\n }\n};\n/* */\n\nconst actions = [\n {\n name: 'Randomize',\n handler: function(chart) {\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data = dataset.data.map(() => Utils.rand(MIN, MAX));\n });\n chart.update();\n }\n }\n];\n\nmodule.exports = {\n actions: actions,\n config: config\n};\n`\"/>"},{title:"Disclosure",frontmatter:{},regularPath:"/samples/box/disclosure.html",relativePath:"samples/box/disclosure.md",key:"v-366650ca",path:"/samples/box/disclosure.html",lastUpdated:"9/19/2024, 7:47:19 AM",lastUpdatedTimestamp:1726732039e3,content:" Disclosure \n \nconst DATA_COUNT = 12;\nconst MIN = 10;\nconst MAX = 100;\n\nconst numberCfg = {count: DATA_COUNT, min: MIN, max: MAX};\n\nconst data = {\n labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'],\n datasets: [{\n data: Utils.numbers(numberCfg)\n }]\n};\n// \n\n// \nconst annotation = {\n type: 'box',\n backgroundColor: 'transparent',\n borderWidth: 0,\n label: {\n drawTime: 'afterDatasetsDraw',\n display: true,\n color: 'rgba(208, 208, 208, 0.2)',\n content: 'Draft',\n font: {\n size: (ctx) => ctx.chart.chartArea.height / 1.5\n },\n position: 'center'\n }\n};\n// \n\n/* */\nconst config = {\n type: 'line',\n data,\n options: {\n plugins: {\n annotation: {\n annotations: {\n annotation\n }\n }\n }\n }\n};\n/* */\n\nconst actions = [\n {\n name: 'Randomize',\n handler: function(chart) {\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data = dataset.data.map(() => Utils.rand(MIN, MAX));\n });\n chart.update();\n }\n }\n];\n\nmodule.exports = {\n actions: actions,\n config: config,\n};\n`\"/>"},{title:"Magic quadrant",frontmatter:{},regularPath:"/samples/box/gradient.html",relativePath:"samples/box/gradient.md",key:"v-fac884d6",path:"/samples/box/gradient.html",lastUpdated:"9/19/2024, 7:47:19 AM",lastUpdatedTimestamp:1726732039e3,content:" Magic quadrant \n \nconst META = [[\n {color: 'rgb(255, 174, 201)', backgroundColor: 'rgba(255, 174, 201, 0.5)', label: 'Niche players'},\n {color: 'rgb(159, 168, 218)', backgroundColor: 'rgba(159, 168, 218, 0.5)', label: 'Visionaries'},\n], [\n {color: 'rgb(255, 245, 157)', backgroundColor: 'rgba(255, 245, 157, 0.5)', label: 'Challengers'},\n {color: 'rgb(165, 214, 167)', backgroundColor: 'rgba(165, 214, 167, 0.5)', label: 'Leaders'},\n]];\nconst DATA_COUNT = 12;\nconst MIN = 0.5;\nconst MAX = 9.5;\n\nconst data = {\n datasets: [{\n data: randomize(),\n pointRadius: 8\n }]\n};\n// \n\n// \nconst annotation1 = {\n type: 'box',\n backgroundColor: (ctx) => gradient(ctx, META[1][0].backgroundColor),\n xMax: 5,\n yMin: 5,\n label: {\n content: META[1][0].label,\n position: {\n x: 'start',\n y: 'start'\n }\n }\n};\n// \n\n// \nconst annotation2 = {\n type: 'box',\n backgroundColor: (ctx) => gradient(ctx, META[1][1].backgroundColor, true),\n xMin: 5,\n yMin: 5,\n label: {\n content: META[1][1].label,\n position: {\n x: 'end',\n y: 'start'\n }\n }\n};\n// \n\n// \nconst annotation3 = {\n type: 'box',\n backgroundColor: (ctx) => gradient(ctx, META[0][0].backgroundColor),\n xMax: 5,\n yMax: 5,\n label: {\n content: META[0][0].label,\n position: {\n x: 'start',\n y: 'end'\n }\n }\n};\n// \n\n// \nconst annotation4 = {\n type: 'box',\n backgroundColor: (ctx) => gradient(ctx, META[0][1].backgroundColor, true),\n xMin: 5,\n yMax: 5,\n label: {\n content: META[0][1].label,\n position: {\n x: 'end',\n y: 'end'\n }\n }\n};\n// \n\n// \nfunction randomize() {\n const xValues = Utils.numbers({count: DATA_COUNT, min: MIN, max: MAX});\n const yValues = Utils.numbers({count: DATA_COUNT, min: MIN, max: MAX});\n const values = [];\n for (let i = 0; i \n\n/* */\nconst config = {\n type: 'scatter',\n data,\n options: {\n layout: {\n padding: {\n top: 12\n }\n },\n elements: {\n boxAnnotation: {\n borderWidth: 0,\n label: {\n drawTime: 'beforeDatasetsDraw',\n display: true,\n font: {\n size: 20\n }\n }\n }\n },\n scales: {\n x: {\n beginAtZero: true,\n max: 10,\n min: 0,\n grid: {\n drawTicks: false,\n color: gridColor\n },\n ticks: {\n display: false\n },\n title: {\n display: true,\n text: 'Completeness of vision',\n padding: 10,\n font: {\n size: 20,\n weight: 'bold'\n }\n }\n },\n y: {\n display: true,\n beginAtZero: true,\n max: 10,\n min: 0,\n grid: {\n drawTicks: false,\n color: gridColor\n },\n ticks: {\n display: false\n },\n title: {\n display: true,\n text: 'Ability to execute',\n padding: 10,\n font: {\n size: 20,\n weight: 'bold'\n }\n }\n }\n },\n plugins: {\n annotation: {\n common: {\n drawTime: 'beforeDraw'\n },\n annotations: {\n annotation1,\n annotation2,\n annotation3,\n annotation4\n }\n },\n tooltip: {\n mode: 'nearest',\n intersect: true,\n usePointStyle: true,\n footerAlign: 'right',\n footerColor: 'lightGray',\n footerMarginTop: 10,\n callbacks: {\n title: (items) => items[0].raw.co,\n labelColor({raw}) {\n const x = raw.x > 5 ? 1 : 0;\n const y = raw.y > 5 ? 1 : 0;\n return {\n borderColor: META[y][x].color,\n backgroundColor: META[y][x].backgroundColor,\n borderWidth: 3\n };\n },\n label({raw}) {\n const x = raw.x > 5 ? 1 : 0;\n const y = raw.y > 5 ? 1 : 0;\n return META[y][x].label;\n },\n footer(items) {\n const {raw} = items[0];\n return ['Completeness of vision: ' + raw.x.toFixed(2), 'Ability to execute: ' + raw.y.toFixed(2)];\n }\n }\n }\n }\n }\n};\n/* */\n\nconst actions = [\n {\n name: 'Randomize',\n handler: function(chart) {\n chart.data.datasets.forEach(function(dataset, i) {\n const values = randomize();\n dataset.data.forEach((p, idx) => {\n const v = values[idx];\n p.x = v.x;\n p.y = v.y;\n p.co = v.co;\n });\n });\n chart.update();\n }\n },\n];\n\nmodule.exports = {\n actions: actions,\n config: config,\n};\n`\"/>"},{title:"Initial animations",frontmatter:{},regularPath:"/samples/box/initAnim.html",relativePath:"samples/box/initAnim.md",key:"v-b3a5649a",path:"/samples/box/initAnim.html",lastUpdated:"9/19/2024, 7:47:19 AM",lastUpdatedTimestamp:1726732039e3,content:" Initial animations \n \nconst DATA_COUNT = 12;\nconst MIN = 10;\nconst MAX = 100;\n\nconst numberCfg = {count: DATA_COUNT, min: MIN, max: MAX};\n\nconst data = {\n labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'],\n datasets: [{\n data: Utils.numbers(numberCfg)\n }]\n};\n// \n\n// \nconst annotation1 = {\n type: 'box',\n backgroundColor: 'rgba(0, 150, 0, 0.2)',\n borderColor: 'rgba(0, 150, 0)',\n borderRadius: 4,\n borderWidth: 1,\n init: true,\n label: {\n display: true,\n content: 'Fade'\n },\n xMax: 6.5,\n xMin: 4.5,\n yMax: 60,\n yMin: 40\n};\n// \n\n// \nconst annotation2 = {\n type: 'box',\n backgroundColor: 'rgba(0, 150, 0, 0.2)',\n borderColor: 'rgba(0, 150, 0)',\n borderRadius: 4,\n borderWidth: 1,\n init: () => ({y: 0, y2: 0}),\n label: {\n display: true,\n content: 'Flyin from top'\n },\n xMax: 2.5,\n xMin: 0.5,\n yMax: 30,\n yMin: 10\n};\n// \n\n// \nconst annotation3 = {\n type: 'box',\n backgroundColor: 'rgba(0, 150, 0, 0.2)',\n borderColor: 'rgba(0, 150, 0)',\n borderRadius: 4,\n borderWidth: 1,\n init: () => ({x: 0, x2: 0}),\n label: {\n display: true,\n content: 'Flyin from left'\n },\n xMax: 10.5,\n xMin: 8.5,\n yMax: 90,\n yMin: 70\n};\n// \n\n/* */\nconst config = {\n type: 'line',\n data,\n options: {\n scales: {\n y: {\n beginAtZero: true,\n max: 100,\n min: 0\n }\n },\n plugins: {\n annotation: {\n common: {\n drawTime: 'afterDraw'\n },\n annotations: {\n annotation1,\n annotation2,\n annotation3\n }\n }\n }\n }\n};\n/* */\n\nconst actions = [\n {\n name: 'Randomize',\n handler: function(chart) {\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data = dataset.data.map(() => Utils.rand(MIN, MAX));\n });\n chart.update();\n }\n }\n];\n\nmodule.exports = {\n actions: actions,\n config: config,\n};\n`\"/>"},{title:"Bar Chart",frontmatter:{},regularPath:"/samples/charts/bar.html",relativePath:"samples/charts/bar.md",key:"v-f0a8046a",path:"/samples/charts/bar.html",lastUpdated:"9/19/2024, 7:47:19 AM",lastUpdatedTimestamp:1726732039e3,content:" Bar Chart \n \nconst DATA_COUNT = 8;\nconst MIN = 10;\nconst MAX = 100;\n\nUtils.srand(8);\n\nconst labels = [];\nfor (let i = 0; i \n\n// \nconst annotation1 = {\n type: 'line',\n scaleID: 'x',\n borderWidth: 3,\n borderColor: 'black',\n value: 0.5,\n label: {\n content: 'Line annotation at x=0.5',\n display: true\n },\n};\n// \n\n// \nconst annotation2 = {\n type: 'line',\n scaleID: 'x',\n borderWidth: 3,\n borderColor: 'black',\n value: 'Label 5',\n label: {\n rotation: 'auto',\n position: 'start',\n backgroundColor: 'black',\n content: 'Line at x=Label 5',\n display: true\n }\n};\n// \n\n// \nconst annotation3 = {\n type: 'box',\n xMin: 2.5,\n xMax: 3.5,\n yMin: 0,\n yMax: 100,\n backgroundColor: 'rgba(250, 250, 0, 0.4)',\n borderColor: 'rgba(0, 150, 0, 0.2)',\n drawTime: 'beforeDatasetsDraw',\n borderWidth: 0,\n borderRadius: 0,\n};\n// \n\n\n/* */\nconst config = {\n type: 'bar',\n data,\n options: {\n plugins: {\n annotation: {\n annotations: {\n annotation1,\n annotation2,\n annotation3\n }\n }\n },\n }\n};\n/* */\n\nconst actions = [\n {\n name: 'Randomize',\n handler: function(chart) {\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data = dataset.data.map(() => Utils.rand(MIN, MAX));\n });\n\n chart.update();\n }\n },\n {\n name: 'Add data',\n handler: function(chart) {\n chart.data.labels.push('Label ' + chart.data.labels.length);\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data.push(Utils.rand(MIN, MAX));\n });\n\n chart.update();\n }\n },\n {\n name: 'Remove data',\n handler: function(chart) {\n chart.data.labels.shift();\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data.shift();\n });\n\n chart.update();\n }\n }\n];\n\nmodule.exports = {\n actions: actions,\n config: config,\n};\n`\"/>"},{title:"Yearly quarters",frontmatter:{},regularPath:"/samples/box/quarters.html",relativePath:"samples/box/quarters.md",key:"v-a827b1b2",path:"/samples/box/quarters.html",lastUpdated:"9/19/2024, 7:47:19 AM",lastUpdatedTimestamp:1726732039e3,content:" Yearly quarters \n \nconst DATA_COUNT = 12;\nconst MIN = 10;\nconst MAX = 100;\n\nconst numberCfg = {count: DATA_COUNT, min: MIN, max: MAX};\n\nconst data = {\n labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'],\n datasets: [{\n data: Utils.numbers(numberCfg)\n }]\n};\n// \n\n// \nconst annotation1 = {\n type: 'box',\n backgroundColor: 'rgba(255, 245, 157, 0.2)',\n borderWidth: 0,\n xMax: 2.5,\n xMin: -0.5,\n label: {\n drawTime: 'afterDraw',\n display: true,\n content: 'First quarter',\n position: {\n x: 'center',\n y: 'start'\n }\n }\n};\n// \n\n// \nconst annotation2 = {\n type: 'box',\n backgroundColor: 'rgba(188, 170, 164, 0.2)',\n borderWidth: 0,\n xMax: 5.5,\n xMin: 2.5,\n label: {\n drawTime: 'afterDraw',\n display: true,\n content: 'Second quarter',\n position: {\n x: 'center',\n y: 'start'\n }\n }\n};\n// \n\n// \nconst annotation3 = {\n type: 'box',\n backgroundColor: 'rgba(165, 214, 167, 0.2)',\n borderWidth: 0,\n xMax: 8.5,\n xMin: 5.5,\n label: {\n drawTime: 'afterDraw',\n display: true,\n content: 'Third quarter',\n position: {\n x: 'center',\n y: 'start'\n }\n }\n};\n// \n\n// \nconst annotation4 = {\n type: 'box',\n backgroundColor: 'rgba(159, 168, 218, 0.2)',\n borderWidth: 0,\n xMin: 8.5,\n label: {\n drawTime: 'afterDraw',\n display: true,\n content: 'Fourth quarter',\n position: {\n x: 'center',\n y: 'start'\n }\n }\n};\n// \n\n/* */\nconst config = {\n type: 'line',\n data,\n options: {\n scales: {\n y: {\n beginAtZero: true,\n max: 120,\n min: 0\n }\n },\n plugins: {\n annotation: {\n common: {\n drawTime: 'beforeDraw'\n },\n annotations: {\n annotation1,\n annotation2,\n annotation3,\n annotation4\n }\n }\n }\n }\n};\n/* */\n\nconst actions = [\n {\n name: 'Randomize',\n handler: function(chart) {\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data = dataset.data.map(() => Utils.rand(MIN, MAX));\n });\n chart.update();\n }\n }\n];\n\nmodule.exports = {\n actions: actions,\n config: config,\n};\n`\"/>"},{title:"Using images as labels",frontmatter:{},regularPath:"/samples/box/image.html",relativePath:"samples/box/image.md",key:"v-f46f9a86",path:"/samples/box/image.html",lastUpdated:"9/19/2024, 7:47:19 AM",lastUpdatedTimestamp:1726732039e3,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:"Line Chart",frontmatter:{},regularPath:"/samples/charts/line.html",relativePath:"samples/charts/line.md",key:"v-1ac7de46",path:"/samples/charts/line.html",lastUpdated:"9/19/2024, 7:47:19 AM",lastUpdatedTimestamp:1726732039e3,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:"9/19/2024, 7:47:19 AM",lastUpdatedTimestamp:1726732039e3,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:"Basic",frontmatter:{},regularPath:"/samples/ellipse/basic.html",relativePath:"samples/ellipse/basic.md",key:"v-2215247d",path:"/samples/ellipse/basic.html",lastUpdated:"9/19/2024, 7:47:19 AM",lastUpdatedTimestamp:1726732039e3,content:" Basic \n \nconst DATA_COUNT = 8;\nconst MIN = [0, 50];\nconst MAX = [50, 100];\n\nUtils.srand(8);\n\nconst data = {\n datasets: [{\n data: Utils.points({count: DATA_COUNT, min: MIN[0], max: MAX[0]})\n }, {\n data: Utils.points({count: DATA_COUNT, min: MIN[1], max: MAX[1]})\n }]\n};\n// \n\n// \nconst annotation1 = {\n type: 'ellipse',\n backgroundColor: 'rgba(0, 150, 0, 0.02)',\n borderColor: 'rgba(0, 150, 0, 0.2)',\n borderWidth: 1,\n xMax: (ctx) => max(ctx, 0, 'x') + 10,\n xMin: (ctx) => min(ctx, 0, 'x') - 10,\n yMax: (ctx) => max(ctx, 0, 'y') + 10,\n yMin: (ctx) => min(ctx, 0, 'y') - 10\n};\n// \n\n// \nconst annotation2 = {\n type: 'ellipse',\n backgroundColor: 'rgba(150, 0, 0, 0.02)',\n borderColor: 'rgba(150, 0, 0, 0.2)',\n borderWidth: 1,\n xMax: (ctx) => max(ctx, 1, 'x') + 10,\n xMin: (ctx) => min(ctx, 1, 'x') - 10,\n yMax: (ctx) => max(ctx, 1, 'y') + 10,\n yMin: (ctx) => min(ctx, 1, 'y') - 10\n};\n// \n\n/* */\nconst config = {\n type: 'scatter',\n data,\n options: {\n plugins: {\n annotation: {\n annotations: {\n annotation1,\n annotation2\n }\n }\n }\n }\n};\n/* */\n\n// \nfunction min(ctx, datasetIndex, prop) {\n const dataset = ctx.chart.data.datasets[datasetIndex];\n return dataset.data.reduce((v, point) => Math.min(point[prop], v), Infinity);\n}\n\nfunction max(ctx, datasetIndex, prop) {\n const dataset = ctx.chart.data.datasets[datasetIndex];\n return dataset.data.reduce((v, point) => Math.max(point[prop], v), -Infinity);\n}\n// \n\nconst actions = [\n {\n name: 'Randomize',\n handler: function(chart) {\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data.forEach(p => {\n p.x = Utils.rand(MIN[i], MAX[i]);\n p.y = Utils.rand(MIN[i], MAX[i]);\n });\n });\n chart.update();\n }\n },\n {\n name: 'Add data',\n handler: function(chart) {\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data.push({x: Utils.rand(MIN[i], MAX[i]), y: Utils.rand(MIN[i], MAX[i])});\n });\n chart.update();\n }\n },\n {\n name: 'Remove data',\n handler: function(chart) {\n chart.data.labels.shift();\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data.shift();\n });\n chart.update();\n }\n }\n];\n\nmodule.exports = {\n actions: actions,\n config: config,\n};\n`\"/>"},{title:"Labeling",frontmatter:{},regularPath:"/samples/ellipse/label.html",relativePath:"samples/ellipse/label.md",key:"v-475451bd",path:"/samples/ellipse/label.html",lastUpdated:"9/19/2024, 7:47:19 AM",lastUpdatedTimestamp:1726732039e3,content:" Labeling \n \nconst DATA_COUNT = 12;\nconst MIN = 10;\nconst MAX = 100;\n\nconst numberCfg = {count: DATA_COUNT, min: MIN, max: MAX};\n\nconst data = {\n labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'],\n datasets: [{\n data: Utils.numbers(numberCfg)\n }]\n};\n// \n\n// \nconst annotation = {\n type: 'ellipse',\n backgroundColor: 'rgba(208, 208, 208, 0.2)',\n borderWidth: 0,\n label: {\n drawTime: 'afterDatasetsDraw',\n display: true,\n color: 'rgba(208, 208, 208, 0.6)',\n content: 'whole year',\n font: {\n size: (ctx) => ctx.chart.chartArea.height / 4\n },\n position: {\n x: 'center',\n y: 'end'\n }\n }\n};\n// \n\n/* */\nconst config = {\n type: 'line',\n data,\n options: {\n plugins: {\n annotation: {\n annotations: {\n annotation\n }\n }\n }\n }\n};\n/* */\n\nconst actions = [\n {\n name: 'Randomize',\n handler: function(chart) {\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data = dataset.data.map(() => Utils.rand(MIN, MAX));\n });\n chart.update();\n }\n }\n];\n\nmodule.exports = {\n actions: actions,\n config: config,\n};\n`\"/>"},{title:"Rotation",frontmatter:{},regularPath:"/samples/ellipse/rotation.html",relativePath:"samples/ellipse/rotation.md",key:"v-14c8b49f",path:"/samples/ellipse/rotation.html",lastUpdated:"9/19/2024, 7:47:19 AM",lastUpdatedTimestamp:1726732039e3,content:" Rotation \n \nconst DATA_COUNT = 8;\nconst MIN = [25, 65];\nconst MAX = [35, 75];\n\nUtils.srand(8);\n\nconst data = {\n datasets: [{\n data: Utils.points({count: DATA_COUNT, min: MIN[0], max: MAX[0]})\n }, {\n data: Utils.points({count: DATA_COUNT, min: MIN[1], max: MAX[1]})\n }]\n};\n// \n\n// \nconst annotation1 = {\n type: 'ellipse',\n backgroundColor: 'rgba(0, 150, 0, 0.02)',\n borderColor: 'rgba(0, 150, 0, 0.2)',\n borderWidth: 1,\n rotation: 90,\n xMax: (ctx) => max(ctx, 0, 'x') + 10,\n xMin: (ctx) => min(ctx, 0, 'x') - 10,\n yMax: (ctx) => max(ctx, 0, 'y') + 10,\n yMin: (ctx) => min(ctx, 0, 'y') - 10\n};\n// \n\n// \nconst annotation2 = {\n type: 'ellipse',\n backgroundColor: 'rgba(150, 0, 0, 0.02)',\n borderColor: 'rgba(150, 0, 0, 0.2)',\n borderWidth: 1,\n rotation: 90,\n xMax: (ctx) => max(ctx, 1, 'x') + 10,\n xMin: (ctx) => min(ctx, 1, 'x') - 10,\n yMax: (ctx) => max(ctx, 1, 'y') + 10,\n yMin: (ctx) => min(ctx, 1, 'y') - 10\n};\n// \n\n/* */\nconst config = {\n type: 'scatter',\n data,\n options: {\n scales: {\n x: {\n beginAtZero: true,\n max: 100,\n min: 0\n },\n y: {\n beginAtZero: true,\n max: 100,\n min: 0\n }\n },\n plugins: {\n annotation: {\n annotations: {\n annotation1,\n annotation2\n }\n }\n }\n }\n};\n/* */\n\n// \nfunction min(ctx, datasetIndex, prop) {\n const dataset = ctx.chart.data.datasets[datasetIndex];\n return dataset.data.reduce((v, point) => Math.min(point[prop], v), Infinity);\n}\n\nfunction max(ctx, datasetIndex, prop) {\n const dataset = ctx.chart.data.datasets[datasetIndex];\n return dataset.data.reduce((v, point) => Math.max(point[prop], v), -Infinity);\n}\n// \n\nconst actions = [\n {\n name: 'Randomize',\n handler: function(chart) {\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data.forEach(p => {\n p.x = Utils.rand(MIN[i], MAX[i]);\n p.y = Utils.rand(MIN[i], MAX[i]);\n });\n });\n chart.update();\n }\n },\n {\n name: 'Add data',\n handler: function(chart) {\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data.push({x: Utils.rand(MIN[i], MAX[i]), y: Utils.rand(MIN[i], MAX[i])});\n });\n chart.update();\n }\n },\n {\n name: 'Remove data',\n handler: function(chart) {\n chart.data.labels.shift();\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data.shift();\n });\n chart.update();\n }\n }\n];\n\nmodule.exports = {\n actions: actions,\n config: config,\n};\n`\"/>"},{title:"Cartesian plane",frontmatter:{},regularPath:"/samples/interaction/cartesianplane.html",relativePath:"samples/interaction/cartesianplane.md",key:"v-532157ca",path:"/samples/interaction/cartesianplane.html",lastUpdated:"9/19/2024, 7:47:19 AM",lastUpdatedTimestamp:1726732039e3,content:" Cartesian plane \n \nlet rect;\nconst MIN = -10;\nconst MAX = 10;\n// \n\n// \nconst yAxis = {\n type: 'line',\n value: 0,\n scaleID: 'x',\n borderColor: 'lightGray',\n afterDraw({chart, element}) {\n const scale = chart.scales.y;\n const labelItems = scale.getLabelItems().filter((item) => Number.isInteger(parseFloat(item.label)));\n drawTicks(chart, scale, {\n labelItems,\n align: 'right',\n xy: (translation) => ({x: element.x - scale.options.ticks.padding, y: translation[1]})\n });\n }\n};\nconst xAxis = {\n type: 'line',\n value: 0,\n scaleID: 'y',\n borderColor: 'lightGray',\n afterDraw({chart, element}) {\n const scale = chart.scales.x;\n const labelItems = scale.getLabelItems().filter((item) => Number.isInteger(parseFloat(item.label)) && parseFloat(item.label) !== 0);\n drawTicks(chart, scale, {\n labelItems,\n baseline: 'top',\n xy: (translation) => ({x: translation[0], y: element.y2 + scale.options.ticks.padding})\n });\n }\n};\n// \n\n// \nconst box = {\n type: 'box',\n display: () => !!rect,\n backgroundColor: 'rgba(255, 174, 201, 0.2)',\n borderColor: 'red',\n borderDash: [4, 4],\n xMin: () => rect ? rect.left : undefined,\n xMax: () => rect ? rect.right : undefined,\n yMin: () => rect ? rect.bottom : undefined,\n yMax: () => rect ? rect.top : undefined,\n z: -1\n};\nconst A = {\n type: 'label',\n content: 'A',\n position: {\n x: 'end',\n y: 'end'\n },\n xValue: () => rect ? rect.left : undefined,\n yValue: () => rect ? rect.top : undefined\n};\nconst B = {\n type: 'label',\n content: 'B',\n position: {\n x: 'start',\n y: 'end'\n },\n xValue: () => rect ? rect.right : undefined,\n yValue: () => rect ? rect.top : undefined\n};\nconst C = {\n type: 'label',\n content: 'C',\n position: {\n x: 'end',\n y: 'start'\n },\n xValue: () => rect ? rect.left : undefined,\n yValue: () => rect ? rect.bottom : undefined\n};\nconst D = {\n type: 'label',\n content: 'D',\n position: {\n x: 'start',\n y: 'start'\n },\n xValue: () => rect ? rect.right : undefined,\n yValue: () => rect ? rect.bottom : undefined\n};\n// \n\n// \nconst summary = {\n type: 'label',\n display: () => !!rect,\n drawTime: 'afterDraw',\n backgroundColor: 'white',\n borderColor: 'silver',\n borderWidth: 1,\n borderRadius: 6,\n content() {\n if (rect) {\n const result = [];\n result.push('A: (' + rect.left.toFixed(2) + ', ' + rect.top.toFixed(2) + ')');\n result.push('B: (' + rect.right.toFixed(2) + ', ' + rect.top.toFixed(2) + ')');\n result.push('C: (' + rect.left.toFixed(2) + ', ' + rect.bottom.toFixed(2) + ')');\n result.push('D: (' + rect.right.toFixed(2) + ', ' + rect.bottom.toFixed(2) + ')');\n const AB = Math.abs(rect.right - rect.left);\n const AC = Math.abs(rect.bottom - rect.top);\n result.push('AB = CD = ' + AB.toFixed(2));\n result.push('AC = BD = ' + AC.toFixed(2));\n result.push('AD = BC = ' + Math.sqrt(Math.pow(AB, 2) + Math.pow(AC, 2)).toFixed(2));\n result.push('Perimeter = ' + ((AB + AC) * 2).toFixed(2));\n result.push('Area = ' + (AB * AC).toFixed(2));\n return result;\n }\n },\n font: {\n size: 12,\n family: 'Courier'\n },\n padding: 5,\n position: {\n x: () => rect && rect.left rect && rect.top rect && rect.left rect && rect.left rect && rect.top \n\n// \nfunction calculateBox(e, chart) {\n const xValue = chart.scales.x.getValueForPixel(e.x);\n const yValue = chart.scales.y.getValueForPixel(e.y);\n return {\n left: xValue > 0 ? 0 : xValue,\n right: xValue > 0 ? xValue : 0,\n top: yValue > 0 ? yValue : 0,\n bottom: yValue > 0 ? 0 : yValue\n };\n}\n\nfunction drawTicks(chart, scale, {labelItems, align, baseline, xy}) {\n const ctx = chart.ctx;\n ctx.save();\n ctx.beginPath();\n for (const item of labelItems) {\n const {font, label, options} = item;\n const {textAlign, textBaseline, translation} = options;\n const point = xy(translation);\n ctx.beginPath();\n ctx.font = font.string;\n ctx.textAlign = align || textAlign;\n ctx.textBaseline = baseline || textBaseline;\n ctx.fillStyle = 'silver';\n ctx.fillText(parseFloat(label).toFixed(0), point.x, point.y);\n ctx.fill();\n }\n ctx.restore();\n}\n// \n\n/* */\nconst config = {\n type: 'scatter',\n options: {\n layout: {\n padding: {\n top: 20,\n left: 20,\n right: 20\n }\n },\n onClick(e, elements, chart) {\n rect = calculateBox(e, chart);\n chart.update();\n },\n elements: {\n labelAnnotation: {\n display: () => !!rect,\n borderWidth: 0,\n padding: 0,\n font: {\n size: 20,\n style: 'oblique'\n }\n }\n },\n scales: {\n x: {\n min: MIN,\n max: MAX,\n grid: {\n drawTicks: false\n },\n ticks: {\n display: false,\n stepSize: 0.5\n }\n },\n y: {\n min: MIN,\n max: MAX,\n grid: {\n drawTicks: false\n },\n ticks: {\n display: false,\n stepSize: 0.5\n }\n }\n },\n plugins: {\n annotation: {\n clip: false,\n common: {\n drawTime: 'beforeDraw'\n },\n annotations: {\n xAxis,\n yAxis,\n box,\n A, B, C, D,\n summary\n }\n },\n title: {\n display: true,\n text: 'Click on the chart to set the point to build the rectangle',\n position: 'bottom',\n padding: {\n top: 16,\n bottom: 0\n }\n }\n }\n }\n};\n/* */\n\nconst actions = [\n {\n name: 'Reset',\n handler: function(chart) {\n rect = undefined;\n chart.update();\n }\n }\n];\n\nmodule.exports = {\n actions: actions,\n config: config,\n};\n`\"/>"},{title:"Selecting annotations",frontmatter:{},regularPath:"/samples/interaction/selection.html",relativePath:"samples/interaction/selection.md",key:"v-8f774586",path:"/samples/interaction/selection.html",lastUpdated:"9/19/2024, 7:47:19 AM",lastUpdatedTimestamp:1726732039e3,content:" Selecting annotations \n \nlet count = 0;\nconst selected = [];\n\nUtils.srand(8);\n\nconst data = {\n labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July'],\n datasets: [{\n type: 'line',\n label: 'Dataset 1',\n borderColor: 'rgb(54, 162, 235)',\n borderWidth: 2,\n fill: false,\n data: Utils.numbers({count: 7, min: 0, max: 100}),\n }]\n};\n// \n\n// \nconst annotation1 = {\n type: 'box',\n backgroundColor: 'rgba(255, 245, 157, 0.2)',\n borderColor: 'rgb(255, 245, 157)',\n borderWidth: 2,\n click: ({element}) => select(element, 'rgba(255, 245, 157, 0.8)', 'rgba(255, 245, 157, 0.2)'),\n label: {\n display: true,\n content: 'Yellow box annotation',\n position: {\n y: 'start'\n },\n font: {\n size: 12\n }\n },\n xMax: 'April',\n xMin: 'February',\n xScaleID: 'x',\n yMax: 90,\n yMin: 10,\n yScaleID: 'y'\n};\n// \n\n// \nconst annotation2 = {\n type: 'box',\n backgroundColor: 'rgba(165, 214, 167, 0.2)',\n borderColor: 'rgb(165, 214, 167)',\n borderWidth: 2,\n click: ({element}) => select(element, 'rgba(165, 214, 167, 0.8)', 'rgba(165, 214, 167, 0.2)'),\n label: {\n display: true,\n content: 'Green box annotation',\n position: {\n y: 'start'\n },\n font: {\n size: 12\n }\n },\n xMax: 'May',\n xMin: 'March',\n xScaleID: 'x',\n yMax: 75,\n yMin: 25,\n yScaleID: 'y'\n};\n// \n\n// \nfunction enter({chart, element}) {\n console.log(element.label.options.content + ' entered');\n if (!count) {\n chart.canvas.style.cursor = 'pointer';\n }\n count++;\n}\n\nfunction leave({chart, element}) {\n console.log(element.label.options.content + ' left');\n count--;\n if (!count) {\n chart.canvas.style.cursor = 'default';\n }\n}\n\nfunction select(element, selectedColor, unselectedColor) {\n console.log(element.label.options.content + ' selected');\n if (selected.includes(element)) {\n selected.splice(selected.indexOf(element), 1);\n element.options.backgroundColor = unselectedColor;\n element.label.options.font.size = 12;\n } else {\n selected.push(element);\n element.options.backgroundColor = selectedColor;\n element.label.options.font.size = 14;\n }\n return true;\n}\n// \n\n/* */\nconst config = {\n type: 'line',\n data,\n options: {\n scales: {\n y: {\n beginAtZero: true,\n min: 0,\n max: 100\n }\n },\n plugins: {\n annotation: {\n enter: enter,\n leave: leave,\n common: {\n drawTime: 'beforeDraw'\n },\n annotations: {\n annotation1,\n annotation2\n }\n }\n }\n }\n};\n/* */\n\nmodule.exports = {\n config: config,\n output: 'console.log output is shown here, click one of the annotations'\n};\n`\"/>"},{title:"Intro",frontmatter:{},regularPath:"/samples/intro.html",relativePath:"samples/intro.md",key:"v-4f17a19d",path:"/samples/intro.html",lastUpdated:"9/19/2024, 7:47:19 AM",lastUpdatedTimestamp:1726732039e3,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:"Dragging annotations",frontmatter:{},regularPath:"/samples/interaction/dragging.html",relativePath:"samples/interaction/dragging.md",key:"v-de7917b6",path:"/samples/interaction/dragging.html",lastUpdated:"9/19/2024, 7:47:19 AM",lastUpdatedTimestamp:1726732039e3,content:" Dragging annotations \n \nUtils.srand(8);\n\nconst data = {\n labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July'],\n datasets: [{\n type: 'line',\n label: 'Dataset 1',\n borderColor: 'rgb(54, 162, 235)',\n borderWidth: 2,\n fill: false,\n data: Utils.numbers({count: 7, min: 0, max: 100}),\n }]\n};\n// \n\n// \nconst annotation1 = {\n type: 'box',\n backgroundColor: 'rgba(165, 214, 167, 0.2)',\n borderColor: 'rgb(165, 214, 167)',\n borderWidth: 2,\n label: {\n display: true,\n content: ['Box annotation', 'to drag'],\n textAlign: 'center'\n },\n xMax: 'May',\n xMin: 'April',\n xScaleID: 'x',\n yMax: 75,\n yMin: 25,\n yScaleID: 'y'\n};\n// \n\n// \nconst annotation2 = {\n type: 'label',\n backgroundColor: 'rgba(255, 99, 132, 0.25)',\n borderWidth: 3,\n borderColor: 'black',\n content: ['Label annotation', 'to drag'],\n callout: {\n display: true,\n borderColor: 'black',\n },\n xValue: 1,\n yValue: 40\n};\n// \n\n// \nconst annotation3 = {\n type: 'point',\n backgroundColor: 'rgba(0, 255, 255, 0.4)',\n borderWidth: 2,\n borderColor: 'black',\n radius: 20,\n xValue: 'March',\n yValue: 50\n};\n// \n\n// \nconst annotation4 = {\n type: 'polygon',\n backgroundColor: 'rgba(150, 0, 0, 0.25)',\n borderWidth: 2,\n borderColor: 'black',\n radius: 50,\n sides: 6,\n xValue: 'June',\n yValue: 20\n};\n// \n\n// \nlet element;\nlet lastEvent;\n\nconst drag = function(moveX, moveY) {\n element.x += moveX;\n element.y += moveY;\n element.x2 += moveX;\n element.y2 += moveY;\n element.centerX += moveX;\n element.centerY += moveY;\n if (element.elements && element.elements.length) {\n for (const subEl of element.elements) {\n subEl.x += moveX;\n subEl.y += moveY;\n subEl.x2 += moveX;\n subEl.y2 += moveY;\n subEl.centerX += moveX;\n subEl.centerY += moveY;\n subEl.bX += moveX;\n subEl.bY += moveY;\n }\n }\n};\n\nconst handleElementDragging = function(event) {\n if (!lastEvent || !element) {\n return;\n }\n const moveX = event.x - lastEvent.x;\n const moveY = event.y - lastEvent.y;\n drag(moveX, moveY);\n lastEvent = event;\n return true;\n};\n\nconst handleDrag = function(event) {\n if (element) {\n switch (event.type) {\n case 'mousemove':\n return handleElementDragging(event);\n case 'mouseout':\n case 'mouseup':\n lastEvent = undefined;\n break;\n case 'mousedown':\n lastEvent = event;\n break;\n default:\n }\n }\n};\n// \n\n// \nconst dragger = {\n id: 'dragger',\n beforeEvent(chart, args, options) {\n if (handleDrag(args.event)) {\n args.changed = true;\n return;\n }\n }\n};\n// \n\n/* */\nconst config = {\n type: 'line',\n plugins: [dragger],\n data,\n options: {\n events: ['mousedown', 'mouseup', 'mousemove', 'mouseout'],\n scales: {\n y: {\n beginAtZero: true,\n min: 0,\n max: 100\n }\n },\n plugins: {\n annotation: {\n enter(ctx) {\n element = ctx.element;\n },\n leave() {\n element = undefined;\n lastEvent = undefined;\n },\n annotations: {\n annotation1,\n annotation2,\n annotation3,\n annotation4\n }\n }\n }\n }\n};\n/* */\n\nconst actions = [\n {\n name: 'Reset dragging',\n handler: function(chart) {\n chart.update();\n }\n }\n];\n\nmodule.exports = {\n actions: actions,\n config: config,\n};\n`\"/>"},{title:"Interaction",frontmatter:{},regularPath:"/samples/interaction/interaction.html",relativePath:"samples/interaction/interaction.md",key:"v-0f11953d",path:"/samples/interaction/interaction.html",lastUpdated:"9/19/2024, 7:47:19 AM",lastUpdatedTimestamp:1726732039e3,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:"Auto scaling",frontmatter:{},regularPath:"/samples/label/autoscaling.html",relativePath:"samples/label/autoscaling.md",key:"v-ffcf4406",path:"/samples/label/autoscaling.html",lastUpdated:"9/19/2024, 7:47:19 AM",lastUpdatedTimestamp:1726732039e3,content:" Auto scaling \n \n \nconst uniqueId = new Date().getTime();\n\nconst DATA_COUNT = 12;\nconst MIN = 0;\nconst MAX = 100;\n\nconst numberCfg = {count: DATA_COUNT, min: MIN, max: MAX};\n\nconst data = {\n labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'],\n datasets: [{\n data: Utils.numbers(numberCfg)\n }]\n};\n// \n\n// \nconst annotation = {\n type: 'label',\n backgroundColor: 'whiteSmoke',\n borderColor: 'lightGray',\n borderRadius: 6,\n content: ['Annotation', 'to resize'],\n drawTime: 'afterDraw',\n borderWidth: (ctx) => autoScaling(ctx, 'borderWidth', 2),\n font: (ctx) => autoScaling(ctx, 'font', 48),\n padding: (ctx) => autoScaling(ctx, 'padding', 6),\n};\n// \n\n/* */\nconst config = {\n type: 'line',\n data,\n options: {\n _sampleId: uniqueId,\n plugins: {\n annotation: {\n annotations: {\n annotation\n }\n }\n }\n }\n};\n/* */\n\n// \nfunction autoScaling(ctx, option, origValue) {\n const {chart} = ctx;\n const {width, height} = chart.chartArea;\n const hypo = Math.sqrt(Math.pow(width, 2) + Math.pow(height, 2));\n let size, value;\n if (!ctx.size) {\n ctx.size = size = hypo;\n value = origValue;\n } else {\n size = ctx.size;\n value = hypo / size * origValue;\n }\n if (option === 'font') {\n return {size: value};\n }\n return value;\n}\n// \n\n// \nlet originalArea;\ndocument.getElementById('update').addEventListener('input', update);\n\nfunction update() {\n const ratio = +document.querySelector('input[type=range]').value / 100;\n const chart = Object.values(Chart.instances).find(c => c.options._sampleId === uniqueId);\n if (!originalArea) {\n originalArea = chart.chartArea;\n }\n const w = originalArea.width * ratio;\n const h = originalArea.height * ratio;\n chart.resize(w, h);\n}\n// \n\nmodule.exports = {\n config: config\n};\n`\"/>"},{title:"Basic",frontmatter:{},regularPath:"/samples/label/basic.html",relativePath:"samples/label/basic.md",key:"v-ed85c306",path:"/samples/label/basic.html",lastUpdated:"9/19/2024, 7:47:19 AM",lastUpdatedTimestamp:1726732039e3,content:" Basic \n \nconst DATA_COUNT = 12;\nconst MIN = 0;\nconst MAX = 100;\n\nconst numberCfg = {count: DATA_COUNT, min: MIN, max: MAX};\n\nconst data = {\n labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'],\n datasets: [{\n data: Utils.numbers(numberCfg)\n }]\n};\n// \n\n// \nconst annotation1 = {\n type: 'label',\n borderColor: (ctx) => ctx.chart.data.datasets[0].backgroundColor,\n borderRadius: 6,\n borderWidth: 1,\n content: ['March', 'annotated'],\n position: {\n x: 'center',\n y: 'end'\n },\n xValue: 'March',\n yValue: (ctx) => yValue(ctx, 'March')\n};\n// \n\n// \nconst annotation2 = {\n type: 'label',\n borderColor: (ctx) => ctx.chart.data.datasets[0].backgroundColor,\n borderRadius: 6,\n borderWidth: 1,\n content: ['June', 'annotated'],\n position: {\n x: 'center',\n y: 'end'\n },\n xValue: 'June',\n yValue: (ctx) => yValue(ctx, 'June')\n};\n// \n\n// \nconst annotation3 = {\n type: 'label',\n borderColor: (ctx) => ctx.chart.data.datasets[0].backgroundColor,\n borderRadius: 6,\n borderWidth: 1,\n content: ['October', 'annotated'],\n position: {\n x: 'center',\n y: 'end'\n },\n xValue: 'October',\n yValue: (ctx) => yValue(ctx, 'October')\n};\n// \n\n/* */\nconst config = {\n type: 'bar',\n data,\n options: {\n scales: {\n y: {\n beginAtZero: true,\n max: 120,\n min: 0\n }\n },\n plugins: {\n annotation: {\n annotations: {\n annotation1,\n annotation2,\n annotation3\n }\n }\n }\n }\n};\n/* */\n\n// \nfunction yValue(ctx, label) {\n const chart = ctx.chart;\n const dataset = chart.data.datasets[0];\n return dataset.data[chart.data.labels.indexOf(label)];\n}\n// \n\nconst actions = [\n {\n name: 'Randomize',\n handler: function(chart) {\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data = dataset.data.map(() => Utils.rand(MIN, MAX));\n });\n chart.update();\n }\n }\n];\n\nmodule.exports = {\n actions: actions,\n config: config,\n};\n`\"/>"},{title:"Callout",frontmatter:{},regularPath:"/samples/label/callout.html",relativePath:"samples/label/callout.md",key:"v-188d5d06",path:"/samples/label/callout.html",lastUpdated:"9/19/2024, 7:47:19 AM",lastUpdatedTimestamp:1726732039e3,content:" Callout \n \nconst DATA_COUNT = 12;\nconst MIN = 0;\nconst MAX = 100;\n\nconst numberCfg = {count: DATA_COUNT, min: MIN, max: MAX};\n\nconst data = {\n labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'],\n datasets: [{\n data: Utils.numbers(numberCfg)\n }]\n};\n// \n\n// \nconst annotation = {\n type: 'label',\n backgroundColor: 'rgba(245, 245, 245)',\n callout: {\n display: true,\n borderColor: (ctx) => ctx.chart.data.datasets[0].borderColor\n },\n content: (ctx) => 'Maximum value is ' + maxValue(ctx).toFixed(2),\n font: {\n size: 16\n },\n position: {\n x: (ctx) => maxIndex(ctx) = 10 ? 'end' : 'center',\n y: 'center'\n },\n xAdjust: (ctx) => maxIndex(ctx) = 10 ? -60 : 0,\n xValue: (ctx) => maxLabel(ctx),\n yAdjust: -60,\n yValue: (ctx) => maxValue(ctx)\n};\n// \n\n/* */\nconst config = {\n type: 'line',\n data,\n options: {\n scales: {\n y: {\n beginAtZero: true,\n max: 140,\n min: 0\n }\n },\n plugins: {\n annotation: {\n annotations: {\n annotation\n }\n }\n }\n }\n};\n/* */\n\n// \nfunction maxValue(ctx) {\n const values = ctx.chart.data.datasets[0].data;\n return Math.max(...values);\n}\n\nfunction maxIndex(ctx) {\n const max = maxValue(ctx);\n const dataset = ctx.chart.data.datasets[0];\n return dataset.data.indexOf(max);\n}\n\nfunction maxLabel(ctx) {\n return ctx.chart.data.labels[maxIndex(ctx)];\n}\n// \n\nconst actions = [\n {\n name: 'Randomize',\n handler: function(chart) {\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data = dataset.data.map(() => Utils.rand(MIN, MAX));\n });\n chart.update();\n }\n }\n];\n\nmodule.exports = {\n actions: actions,\n config: config,\n};\n`\"/>"},{title:"Using canvas as content",frontmatter:{},regularPath:"/samples/label/canvas.html",relativePath:"samples/label/canvas.md",key:"v-79f854d2",path:"/samples/label/canvas.html",lastUpdated:"9/19/2024, 7:47:19 AM",lastUpdatedTimestamp:1726732039e3,content:" Using canvas as content \n \nconst DATA_COUNT = 12;\nconst MIN = 0;\nconst MAX = 100;\n\nconst numberCfg = {count: DATA_COUNT, min: MIN, max: MAX};\n\nconst data = {\n labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'],\n datasets: [{\n data: Utils.numbers(numberCfg)\n }]\n};\n// \n\n// \nconst annotation1 = {\n type: 'label',\n content: Utils.getHouse(),\n xValue: 9,\n yValue: 30\n};\n// \n\n// \nconst annotation2 = {\n type: 'label',\n content: Utils.getSpiral(),\n xValue: 2,\n yValue: 50\n};\n// \n\n/* */\nconst config = {\n type: 'line',\n data,\n options: {\n scales: {\n y: {\n beginAtZero: true,\n }\n },\n plugins: {\n annotation: {\n annotations: {\n annotation1,\n annotation2\n }\n }\n }\n }\n};\n/* */\n\nconst actions = [\n {\n name: 'Randomize',\n handler: function(chart) {\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data = dataset.data.map(() => Utils.rand(MIN, MAX));\n });\n chart.update();\n }\n }\n];\n\nmodule.exports = {\n actions: actions,\n config: config\n};\n`\"/>"},{title:"Fonts and colors",frontmatter:{},regularPath:"/samples/label/fontsColors.html",relativePath:"samples/label/fontsColors.md",key:"v-a53ecf06",path:"/samples/label/fontsColors.html",lastUpdated:"9/19/2024, 7:47:19 AM",lastUpdatedTimestamp:1726732039e3,content:" Fonts and colors \n \nconst DATA_COUNT = 12;\nconst MIN = 0;\nconst MAX = 100;\n\nconst numberCfg = {count: DATA_COUNT, min: MIN, max: MAX};\n\nconst data = {\n labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'],\n datasets: [{\n data: Utils.numbers(numberCfg)\n }]\n};\n// \n\n// \nconst annotation1 = {\n type: 'label',\n backgroundColor: 'rgba(0,0,0,0.2)',\n borderRadius: 6,\n borderWidth: 0,\n callout: {\n display: true\n },\n color: ['black,', 'black', 'green'],\n content: ['March', 'is', 'annotated'],\n font: [{size: 16, weight: 'bold'}, {family: 'courier'}],\n position: {\n x: 'center',\n y: 'end'\n },\n xValue: 'March',\n yAdjust: (ctx) => yOffset(ctx, 'March'),\n yValue: (ctx) => yValue(ctx, 'March')\n};\n// \n\n// \nconst annotation2 = {\n type: 'label',\n backgroundColor: 'rgba(0,0,0,0.2)',\n borderRadius: 6,\n borderWidth: 0,\n callout: {\n display: true\n },\n color: ['black,', 'black', 'green'],\n content: ['June', 'is', 'annotated'],\n font: [{size: 16, weight: 'bold'}, {family: 'courier'}],\n position: {\n x: 'center',\n y: 'end'\n },\n xValue: 'June',\n yAdjust: (ctx) => yOffset(ctx, 'June'),\n yValue: (ctx) => yValue(ctx, 'June')\n};\n// \n\n// \nconst annotation3 = {\n type: 'label',\n backgroundColor: 'rgba(0,0,0,0.2)',\n borderRadius: 6,\n borderWidth: 0,\n callout: {\n display: true\n },\n color: ['black,', 'black', 'green'],\n content: ['October', 'is', 'annotated'],\n font: [{size: 16, weight: 'bold'}, {family: 'courier'}],\n position: {\n x: 'center',\n y: 'end'\n },\n xValue: 'October',\n yAdjust: (ctx) => yOffset(ctx, 'October'),\n yValue: (ctx) => yValue(ctx, 'October')\n};\n// \n\n// \nfunction yValue(ctx, label) {\n const chart = ctx.chart;\n const dataset = chart.data.datasets[0];\n return dataset.data[chart.data.labels.indexOf(label)];\n}\n\nfunction yOffset(ctx, label) {\n const value = yValue(ctx, label);\n const chart = ctx.chart;\n const scale = chart.scales.y;\n const y = scale.getPixelForValue(value);\n const lblPos = scale.getPixelForValue(100);\n return lblPos - y - 5;\n}\n\n// \n\n/* */\nconst config = {\n type: 'bar',\n data,\n options: {\n scales: {\n y: {\n beginAtZero: true,\n max: 130,\n min: 0,\n grid: {\n color: (ctx)=> ctx.tick.value value > 100 ? '' : value\n }\n }\n },\n plugins: {\n annotation: {\n annotations: {\n annotation1,\n annotation2,\n annotation3\n }\n }\n }\n }\n};\n/* */\n\nconst actions = [\n {\n name: 'Randomize',\n handler: function(chart) {\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data = dataset.data.map(() => Utils.rand(MIN, MAX));\n });\n chart.update();\n }\n }\n];\n\nmodule.exports = {\n actions: actions,\n config: config,\n};\n`\"/>"},{title:"Using images as content",frontmatter:{},regularPath:"/samples/label/image.html",relativePath:"samples/label/image.md",key:"v-224dfd1d",path:"/samples/label/image.html",lastUpdated:"9/19/2024, 7:47:19 AM",lastUpdatedTimestamp:1726732039e3,content:" Using images as content \n \nconst DATA_COUNT = 12;\nconst MIN = 0;\nconst MAX = 100;\n\nconst numberCfg = {count: DATA_COUNT, min: MIN, max: MAX};\n\nconst data = {\n labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'],\n datasets: [{\n data: Utils.numbers(numberCfg)\n }]\n};\n// \n\n// \nconst annotation1 = {\n type: 'label',\n drawTime: 'afterDraw',\n content: Utils.getImage(),\n width: 100,\n height: 100,\n xValue: 4,\n yValue: 30,\n xAdjust: 150,\n yAdjust: -150,\n borderWidth: 1,\n borderDash: [6, 6],\n callout: {\n display: true,\n position: 'left'\n }\n};\n// \n\n// \nconst annotation2 = {\n type: 'point',\n drawTime: 'afterDraw',\n xValue: 4,\n yValue: 30,\n radius: 10\n};\n// \n\n/* */\nconst config = {\n type: 'line',\n data,\n options: {\n scales: {\n y: {\n beginAtZero: true,\n }\n },\n plugins: {\n annotation: {\n annotations: {\n annotation1,\n annotation2\n }\n }\n }\n }\n};\n/* */\n\nconst actions = [\n {\n name: 'Randomize',\n handler: function(chart) {\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data = dataset.data.map(() => Utils.rand(MIN, MAX));\n });\n chart.update();\n }\n }\n];\n\nmodule.exports = {\n actions: actions,\n config: config\n};\n`\"/>"},{title:"Lower and upper bounds labels",frontmatter:{},regularPath:"/samples/label/lowerUpper.html",relativePath:"samples/label/lowerUpper.md",key:"v-4dd91745",path:"/samples/label/lowerUpper.html",lastUpdated:"9/19/2024, 7:47:19 AM",lastUpdatedTimestamp:1726732039e3,content:" Lower and upper bounds labels \n \nconst DATA_COUNT = 8;\nconst MIN = 10;\nconst MAX = 100;\n\nUtils.srand(8);\n\nconst labels = [];\nfor (let i = 0; i \n\n// \nconst annotation1 = {\n type: 'label',\n content: (ctx) => 'Lower bound: ' + minValue(ctx).toFixed(3),\n position: {\n x: 'start',\n y: 'end'\n },\n xScaleID: 'x',\n xValue: 2,\n yScaleID: 'y',\n yValue: minValue\n};\n// \n\n// \nconst annotation2 = {\n type: 'label',\n content: (ctx) => 'Upper bound: ' + maxValue(ctx).toFixed(3),\n position: {\n x: 'start',\n y: 'start'\n },\n xScaleID: 'x',\n xValue: 2,\n yScaleID: 'y',\n yValue: maxValue\n};\n// \n\n/* */\nconst config = {\n type: 'line',\n data,\n options: {\n scales: {\n y: {\n stacked: true\n }\n },\n plugins: {\n annotation: {\n annotations: {\n annotation1,\n annotation2\n }\n }\n }\n }\n};\n/* */\n\n// \nfunction minValue(ctx) {\n const dataset = ctx.chart.data.datasets[0];\n const min = dataset.data.reduce((max, point) => Math.min(point, max), Infinity);\n return isFinite(min) ? min : 0;\n}\n\nfunction maxValue(ctx) {\n const datasets = ctx.chart.data.datasets;\n const count = datasets[0].data.length;\n let max = 0;\n for (let i = 0; i \n\nconst actions = [\n {\n name: 'Randomize',\n handler: function(chart) {\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data = dataset.data.map(() => Utils.rand(MIN, MAX));\n });\n chart.update();\n }\n },\n {\n name: 'Add data',\n handler: function(chart) {\n chart.data.labels.push(chart.data.labels.length);\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data.push(Utils.rand(MIN, MAX));\n });\n chart.update();\n }\n },\n {\n name: 'Remove data',\n handler: function(chart) {\n chart.data.labels.shift();\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data.shift();\n });\n chart.update();\n }\n },\n {\n name: 'Cycle x-position',\n handler: function(chart) {\n const annotations = chart.options.plugins.annotation.annotations;\n if (annotations.annotation1.position.x === 'start') {\n annotations.annotation1.position.x = 'end';\n annotations.annotation2.position.x = 'end';\n } else if (annotations.annotation1.position.x === 'center') {\n annotations.annotation1.position.x = 'start';\n annotations.annotation2.position.x = 'start';\n } else {\n annotations.annotation1.position.x = 'center';\n annotations.annotation2.position.x = 'center';\n }\n chart.update();\n }\n }\n];\n\nmodule.exports = {\n actions: actions,\n config: config,\n};\n`\"/>"},{title:"Inner chart",frontmatter:{},regularPath:"/samples/label/innerChart.html",relativePath:"samples/label/innerChart.md",key:"v-e1c46312",path:"/samples/label/innerChart.html",lastUpdated:"9/19/2024, 7:47:19 AM",lastUpdatedTimestamp:1726732039e3,content:" Inner chart \n \nconst DATA_COUNT = 12;\nconst MIN = 0;\nconst MAX = 100;\n\nconst innerChart = Utils.getChart();\nconst innerDataset = innerChart.data.datasets[0];\n\nconst numberCfg = {count: DATA_COUNT, min: MIN, max: MAX};\n\nconst data = {\n labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'],\n datasets: [{\n data: Utils.numbers(numberCfg),\n borderColor: innerDataset.backgroundColor[0],\n backgroundColor: 'transparent'\n }, {\n data: Utils.numbers(numberCfg),\n borderColor: innerDataset.backgroundColor[1],\n backgroundColor: 'transparent',\n hidden: true\n }, {\n data: Utils.numbers(numberCfg),\n borderColor: innerDataset.backgroundColor[2],\n backgroundColor: 'transparent',\n hidden: true\n }]\n};\n// \n\n// \nconst annotation1 = {\n type: 'label',\n content: innerChart.canvas,\n xValue: 1,\n yValue: 135,\n enter: (ctx) => setCursor(ctx, 'pointer'),\n leave: (ctx) => setCursor(ctx, 'default'),\n click: clickOnInnerChart\n};\n// \n\n// \nconst annotation2 = {\n type: 'label',\n content: (ctx) => [innerChart.data.labels[getVisibleDatasetIndex(ctx)],\n 'items trend'],\n callout: {\n display: true,\n position: 'bottom',\n margin: 0\n },\n font: {\n size: 16\n },\n backgroundColor: 'white',\n borderWidth: 1,\n xAdjust: -60,\n xValue: (ctx) => point(ctx).x,\n yAdjust: -60,\n yValue: (ctx) => point(ctx).y\n};\n// \n\n// \nconst annotation3 = {\n type: 'label',\n content: ['Click on a slice of the pie chart', 'to see the data in the main chart'],\n color: 'rgba(0, 0, 0, 0.5)',\n xValue: 3.2,\n yValue: 150,\n};\n// \n\n/* */\nconst config = {\n type: 'line',\n data,\n options: {\n scales: {\n y: {\n beginAtZero: true,\n min: 0,\n max: 160\n }\n },\n plugins: {\n annotation: {\n annotations: {\n annotation1,\n annotation2,\n annotation3\n }\n }\n }\n }\n};\n/* */\n\n// \nfunction clickOnInnerChart(ctx, event) {\n event.x = event.x - ctx.element.x;\n event.y = event.y - ctx.element.y;\n const elements = innerChart.getElementsAtEventForMode(event, 'point', {}, true);\n if (elements.length) {\n const first = elements[0];\n ctx.chart.setDatasetVisibility(getVisibleDatasetIndex(ctx), false);\n ctx.chart.show(first.index);\n }\n}\n\nfunction getVisibleDatasetIndex(ctx) {\n const chart = ctx.chart;\n for (let i = 0; i i > dataset.data.length - 4);\n const y = Math.max(...values);\n const x = dataset.data.lastIndexOf(y);\n return {x, y};\n}\n\nfunction setCursor(ctx, type) {\n ctx.chart.canvas.style.cursor = type;\n}\n// \n\nconst actions = [\n {\n name: 'Randomize',\n handler: function(chart) {\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data = dataset.data.map(() => Utils.rand(MIN, MAX));\n });\n chart.update();\n innerChart.data.datasets.forEach(function(dataset, i) {\n dataset.data = dataset.data.map(() => Utils.rand(MIN, MAX));\n });\n innerChart.update();\n }\n }\n];\n\nmodule.exports = {\n actions: actions,\n config: config\n};\n`\"/>"},{title:"Point",frontmatter:{},regularPath:"/samples/label/point.html",relativePath:"samples/label/point.md",key:"v-5cbaa4bd",path:"/samples/label/point.html",lastUpdated:"9/19/2024, 7:47:19 AM",lastUpdatedTimestamp:1726732039e3,content:" Point \n \nconst DATA_COUNT = 12;\nconst MIN = 0;\nconst MAX = 100;\n\nconst numberCfg = {count: DATA_COUNT, min: MIN, max: MAX};\n\nconst data = {\n labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'],\n datasets: [{\n data: Utils.numbers(numberCfg)\n }]\n};\n// \n\n// \nconst annotation1 = {\n type: 'label',\n backgroundColor: 'rgba(245, 245, 245, 0.5)',\n content: (ctx) => 'Maximum value is ' + maxValue(ctx).toFixed(2),\n font: {\n size: 16\n },\n padding: {\n top: 6,\n left: 6,\n right: 6,\n bottom: 12\n },\n position: {\n x: (ctx) => maxIndex(ctx) = 10 ? 'end' : 'center',\n y: 'end'\n },\n xValue: (ctx) => maxLabel(ctx),\n yAdjust: -6,\n yValue: (ctx) => maxValue(ctx)\n};\n// \n\n// \nconst annotation2 = {\n type: 'point',\n backgroundColor: 'transparent',\n borderColor: (ctx) => ctx.chart.data.datasets[0].borderColor,\n pointStyle: 'rectRounded',\n radius: 10,\n xValue: (ctx) => maxLabel(ctx),\n yValue: (ctx) => maxValue(ctx)\n};\n// \n\n/* */\nconst config = {\n type: 'line',\n data,\n options: {\n layout: {\n padding: {\n right: 10\n },\n },\n scales: {\n y: {\n beginAtZero: true,\n max: 120,\n min: 0\n }\n },\n plugins: {\n annotation: {\n clip: false,\n annotations: {\n annotation1,\n annotation2\n }\n }\n }\n }\n};\n/* */\n\n// \nfunction maxValue(ctx) {\n let max = 0;\n const dataset = ctx.chart.data.datasets[0];\n dataset.data.forEach(function(el) {\n max = Math.max(max, el);\n });\n return max;\n}\n\nfunction maxIndex(ctx) {\n const max = maxValue(ctx);\n const dataset = ctx.chart.data.datasets[0];\n return dataset.data.indexOf(max);\n}\n\nfunction maxLabel(ctx) {\n return ctx.chart.data.labels[maxIndex(ctx)];\n}\n// \n\nconst actions = [\n {\n name: 'Randomize',\n handler: function(chart) {\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data = dataset.data.map(() => Utils.rand(MIN, MAX));\n });\n chart.update();\n }\n }\n];\n\nmodule.exports = {\n actions: actions,\n config: config,\n};\n`\"/>"},{title:"Animation",frontmatter:{},regularPath:"/samples/line/animation.html",relativePath:"samples/line/animation.md",key:"v-25be76ab",path:"/samples/line/animation.html",lastUpdated:"9/19/2024, 7:47:19 AM",lastUpdatedTimestamp:1726732039e3,content:" Animation \n \n \nconst uniqueId = new Date().getTime();\n\nconst data = {\n datasets: [{\n backgroundColor: 'rgba(63, 184, 175, 0.3)',\n borderColor: 'rgba(255, 0, 0, 0.0)',\n pointRadius: 0, // no dots\n tension: 0, // straight lines\n showLine: true,\n fill: true,\n data: [\n {x: 0, y: 0},\n {x: 50, y: 0},\n {x: 50, y: 1},\n {x: 100, y: 1}\n ]\n }]\n};\n// \n\n// \nconst line = {\n type: 'line',\n borderColor: 'red',\n borderWidth: 3,\n label: {\n display: true,\n content: 'Limit',\n rotation: 90\n },\n scaleID: 'x',\n value: 50\n};\n// \n\n/* */\nconst config = {\n type: 'scatter',\n data,\n options: {\n _sampleId: uniqueId,\n plugins: {\n annotation: {\n annotations: {\n line\n }\n }\n }\n }\n};\n/* */\n\n// \ndocument.getElementById('update').addEventListener('input', update);\n\nfunction update() {\n const newValue = +document.querySelector('input[type=range]').value;\n const chart = Object.values(Chart.instances).find(c => c.options._sampleId === uniqueId);\n chart.data.datasets[0].data[1].x = newValue;\n chart.data.datasets[0].data[2].x = newValue;\n chart.options.plugins.annotation.annotations.line.value = newValue;\n chart.update();\n}\n// \n\nmodule.exports = {\n config: config\n};\n`\"/>"},{title:"Average",frontmatter:{},regularPath:"/samples/line/average.html",relativePath:"samples/line/average.md",key:"v-fe2fae0e",path:"/samples/line/average.html",lastUpdated:"9/19/2024, 7:47:19 AM",lastUpdatedTimestamp:1726732039e3,content:" Average \n \nconst DATA_COUNT = 8;\nconst MIN = 10;\nconst MAX = 100;\n\nUtils.srand(8);\n\nconst labels = [];\nfor (let i = 0; i \n\n// \nconst annotation = {\n type: 'line',\n borderColor: 'black',\n borderDash: [6, 6],\n borderDashOffset: 0,\n borderWidth: 3,\n label: {\n display: true,\n content: (ctx) => 'Average: ' + average(ctx).toFixed(2),\n position: 'end'\n },\n scaleID: 'y',\n value: (ctx) => average(ctx)\n};\n// \n\n/* */\nconst config = {\n type: 'line',\n data,\n options: {\n plugins: {\n annotation: {\n annotations: {\n annotation\n }\n }\n }\n }\n};\n/* */\n\n// \nfunction average(ctx) {\n const values = ctx.chart.data.datasets[0].data;\n return values.reduce((a, b) => a + b, 0) / values.length;\n}\n// \n\nconst actions = [\n {\n name: 'Randomize',\n handler: function(chart) {\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data = dataset.data.map(() => Utils.rand(MIN, MAX));\n });\n chart.update();\n }\n },\n {\n name: 'Add data',\n handler: function(chart) {\n chart.data.labels.push(chart.data.labels.length);\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data.push(Utils.rand(MIN, MAX));\n });\n chart.update();\n }\n },\n {\n name: 'Remove data',\n handler: function(chart) {\n chart.data.labels.shift();\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data.shift();\n });\n chart.update();\n }\n }\n];\n\nmodule.exports = {\n actions: actions,\n config: config,\n};\n`\"/>"},{title:"Basic",frontmatter:{},regularPath:"/samples/line/basic.html",relativePath:"samples/line/basic.md",key:"v-14b16052",path:"/samples/line/basic.html",lastUpdated:"9/19/2024, 7:47:19 AM",lastUpdatedTimestamp:1726732039e3,content:" Basic \n \nconst DATA_COUNT = 8;\nconst MIN = 10;\nconst MAX = 100;\n\nUtils.srand(8);\n\nconst labels = [];\nfor (let i = 0; i \n\n// \nconst annotation = {\n type: 'line',\n borderColor: 'black',\n borderWidth: 3,\n scaleID: 'y',\n value: 50\n};\n// \n\n/* */\nconst config = {\n type: 'line',\n data,\n options: {\n scales: {\n y: {\n stacked: true\n }\n },\n plugins: {\n annotation: {\n annotations: {\n annotation\n }\n }\n }\n }\n};\n/* */\n\nconst actions = [\n {\n name: 'Randomize',\n handler: function(chart) {\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data = dataset.data.map(() => Utils.rand(MIN, MAX));\n });\n chart.update();\n }\n },\n {\n name: 'Add data',\n handler: function(chart) {\n chart.data.labels.push(chart.data.labels.length);\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data.push(Utils.rand(MIN, MAX));\n });\n chart.update();\n }\n },\n {\n name: 'Remove data',\n handler: function(chart) {\n chart.data.labels.shift();\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data.shift();\n });\n chart.update();\n }\n }\n];\n\nmodule.exports = {\n actions: actions,\n config: config\n};\n`\"/>"},{title:"Callout",frontmatter:{},regularPath:"/samples/line/callout.html",relativePath:"samples/line/callout.md",key:"v-0d73d593",path:"/samples/line/callout.html",lastUpdated:"9/19/2024, 7:47:19 AM",lastUpdatedTimestamp:1726732039e3,content:" Callout \n \nconst DATA_COUNT = 16;\nconst MIN = 20;\nconst MAX = 100;\n\nUtils.srand(8);\n\nconst labels = [];\nfor (let i = 0; i \n\n// \nconst annotation1 = {\n type: 'line',\n borderColor: 'rgb(100, 149, 237)',\n borderDash: [6, 6],\n borderDashOffset: 0,\n borderWidth: 3,\n label: {\n display: true,\n backgroundColor: 'rgb(100, 149, 237)',\n content: (ctx) => 'Average: ' + average(ctx).toFixed(2)\n },\n scaleID: 'y',\n value: (ctx) => average(ctx)\n};\n// \n\n// \nconst annotation2 = {\n type: 'line',\n borderColor: 'rgba(102, 102, 102, 0.5)',\n borderDash: [6, 6],\n borderDashOffset: 0,\n borderWidth: 3,\n label: {\n display: true,\n backgroundColor: 'rgba(102, 102, 102, 0.5)',\n borderWidth: 1,\n borderColor: 'rgba(102, 102, 102, 0.5)',\n callout: {\n display: true,\n borderColor: 'rgba(102, 102, 102, 0.5)',\n borderDash: [6, 6],\n borderWidth: 2,\n margin: 0\n },\n color: 'black',\n content: (ctx) => (average(ctx) + standardDeviation(ctx)).toFixed(2),\n position: 'start',\n xAdjust: 100,\n yAdjust: -50\n },\n scaleID: 'y',\n value: (ctx) => average(ctx) + standardDeviation(ctx)\n};\n// \n\n// \nconst annotation3 = {\n type: 'line',\n borderColor: 'rgba(102, 102, 102, 0.5)',\n borderDash: [6, 6],\n borderDashOffset: 0,\n borderWidth: 3,\n label: {\n display: true,\n backgroundColor: 'rgba(102, 102, 102, 0.5)',\n borderWidth: 1,\n borderColor: 'rgba(102, 102, 102, 0.5)',\n callout: {\n display: true,\n borderColor: 'rgba(102, 102, 102, 0.5)',\n borderDash: [6, 6],\n borderWidth: 2,\n margin: 0\n },\n color: 'black',\n content: (ctx) => (average(ctx) - standardDeviation(ctx)).toFixed(2),\n position: 'end',\n xAdjust: -100,\n yAdjust: 50\n },\n scaleID: 'y',\n value: (ctx) => average(ctx) - standardDeviation(ctx)\n};\n// \n\n/* */\nconst config = {\n type: 'line',\n data,\n options: {\n scale: {\n y: {\n beginAtZero: true,\n max: 120,\n min: 0\n }\n },\n plugins: {\n annotation: {\n annotations: {\n annotation1,\n annotation2,\n annotation3\n }\n }\n }\n }\n};\n/* */\n\n// \nfunction average(ctx) {\n const values = ctx.chart.data.datasets[0].data;\n return values.reduce((a, b) => a + b, 0) / values.length;\n}\n\nfunction standardDeviation(ctx) {\n const values = ctx.chart.data.datasets[0].data;\n const n = values.length;\n const mean = average(ctx);\n return Math.sqrt(values.map(x => Math.pow(x - mean, 2)).reduce((a, b) => a + b) / n);\n}\n\n// \n\nconst actions = [\n {\n name: 'Randomize',\n handler: function(chart) {\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data = dataset.data.map(() => Utils.rand(MIN, MAX));\n });\n chart.update();\n }\n },\n {\n name: 'Add data',\n handler: function(chart) {\n chart.data.labels.push(chart.data.labels.length);\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data.push(Utils.rand(MIN, MAX));\n });\n chart.update();\n }\n },\n {\n name: 'Remove data',\n handler: function(chart) {\n chart.data.labels.shift();\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data.shift();\n });\n chart.update();\n }\n }\n];\n\nmodule.exports = {\n actions: actions,\n config: config,\n};\n`\"/>"},{title:"Using canvas as labels",frontmatter:{},regularPath:"/samples/line/canvas.html",relativePath:"samples/line/canvas.md",key:"v-9e862306",path:"/samples/line/canvas.html",lastUpdated:"9/19/2024, 7:47:19 AM",lastUpdatedTimestamp:1726732039e3,content:" Using canvas as labels \n \nconst DATA_COUNT = 8;\nconst MIN = 10;\nconst MAX = 100;\n\nUtils.srand(8);\n\nconst labels = [];\nfor (let i = 0; i \n\n// \nconst annotation = {\n type: 'line',\n borderColor: 'black',\n borderWidth: 3,\n scaleID: 'y',\n value: 50,\n label: {\n display: true,\n content: Utils.getHouse(),\n backgroundColor: 'white',\n borderWidth: 3,\n width: '40%',\n height: '40%',\n position: 'end'\n }\n};\n// \n\n/* */\nconst config = {\n type: 'line',\n data,\n options: {\n plugins: {\n annotation: {\n annotations: {\n annotation\n }\n }\n }\n }\n};\n/* */\n\nconst actions = [\n {\n name: 'Randomize',\n handler: function(chart) {\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data = dataset.data.map(() => Utils.rand(MIN, MAX));\n });\n chart.update();\n }\n },\n {\n name: 'Add data',\n handler: function(chart) {\n chart.data.labels.push(chart.data.labels.length);\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data.push(Utils.rand(MIN, MAX));\n });\n chart.update();\n }\n },\n {\n name: 'Remove data',\n handler: function(chart) {\n chart.data.labels.shift();\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data.shift();\n });\n chart.update();\n }\n }\n];\n\nmodule.exports = {\n actions: actions,\n config: config\n};\n`\"/>"},{title:"Curve",frontmatter:{},regularPath:"/samples/line/curve.html",relativePath:"samples/line/curve.md",key:"v-22325356",path:"/samples/line/curve.html",lastUpdated:"9/19/2024, 7:47:19 AM",lastUpdatedTimestamp:1726732039e3,content:" Curve \n \nconst DATA_COUNT = 8;\nconst MIN = 10;\nconst MAX = 100;\n\nUtils.srand(8);\n\nconst labels = [];\nfor (let i = 0; i \n\n// \nconst annotation = {\n type: 'line',\n borderColor: 'black',\n borderWidth: 3,\n xScaleID: 'x',\n yScaleID: 'y',\n xMin: 1,\n xMax: 6,\n yMin: ({chart}) => chart.data.datasets[0].data[1] / 2,\n yMax: ({chart}) => chart.data.datasets[0].data[6] / 2,\n curve: true,\n arrowHeads: {\n end: {\n display: true\n }\n }\n};\n// \n\n/* */\nconst config = {\n type: 'bar',\n data,\n options: {\n plugins: {\n annotation: {\n annotations: {\n annotation\n }\n }\n }\n }\n};\n/* */\n\nconst actions = [\n {\n name: 'Randomize',\n handler: function(chart) {\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data = dataset.data.map(() => Utils.rand(MIN, MAX));\n });\n chart.update();\n }\n }\n];\n\nmodule.exports = {\n actions: actions,\n config: config\n};\n`\"/>"},{title:"Annotating dataset bars",frontmatter:{},regularPath:"/samples/line/datasetBars.html",relativePath:"samples/line/datasetBars.md",key:"v-c5c24e7a",path:"/samples/line/datasetBars.html",lastUpdated:"9/19/2024, 7:47:19 AM",lastUpdatedTimestamp:1726732039e3,content:" Annotating dataset bars \n \nconst DATA_COUNT = 4;\nconst MIN = 20;\nconst MAX = 100;\n\nUtils.srand(8);\n\nconst numberCfg = {count: DATA_COUNT, min: MIN, max: MAX};\n\nconst data = {\n labels: ['January', 'February', 'March', 'April'],\n datasets: [{\n data: Utils.numbers(numberCfg)\n }]\n};\n// \n\n// \nconst annotation1 = {\n type: 'line',\n borderColor: 'green',\n borderWidth: 3,\n label: {\n display: true,\n backgroundColor: 'green',\n borderRadius: 0,\n color: 'white',\n content: (ctx) => middleValue(ctx, 0, 0.5).toFixed(0)\n },\n xMax: indexToMax(0) + 0.05,\n xMin: indexToMin(0) - 0.05,\n xScaleID: 'x',\n yMax: (ctx) => middleValue(ctx, 0, 0.5),\n yMin: (ctx) => middleValue(ctx, 0, 0.5),\n yScaleID: 'y'\n};\n// \n\n// \nconst annotation2 = {\n type: 'line',\n borderColor: 'green',\n borderWidth: 3,\n label: {\n display: true,\n backgroundColor: 'green',\n borderRadius: 0,\n color: 'white',\n content: (ctx) => middleValue(ctx, 1, 0.75).toFixed(0)\n },\n xMax: indexToMax(1) + 0.05,\n xMin: indexToMin(1) - 0.05,\n xScaleID: 'x',\n yMax: (ctx) => middleValue(ctx, 1, 0.75),\n yMin: (ctx) => middleValue(ctx, 1, 0.75),\n yScaleID: 'y'\n};\n// \n\n// \nconst annotation3 = {\n type: 'line',\n borderColor: 'green',\n borderWidth: 3,\n label: {\n display: true,\n backgroundColor: 'green',\n borderRadius: 0,\n color: 'white',\n content: (ctx) => middleValue(ctx, 2, 1).toFixed(0)\n },\n xMax: indexToMax(2) + 0.05,\n xMin: indexToMin(2) - 0.05,\n xScaleID: 'x',\n yMax: (ctx) => middleValue(ctx, 2, 1),\n yMin: (ctx) => middleValue(ctx, 2, 1),\n yScaleID: 'y'\n};\n// \n\n// \nconst annotation4 = {\n type: 'line',\n borderColor: 'green',\n borderWidth: 3,\n label: {\n display: true,\n backgroundColor: 'green',\n borderRadius: 0,\n color: 'white',\n content: (ctx) => middleValue(ctx, 3, 0.25).toFixed(0)\n },\n xMax: indexToMax(3) + 0.05,\n xMin: indexToMin(3) - 0.05,\n xScaleID: 'x',\n yMax: (ctx) => middleValue(ctx, 3, 0.25),\n yMin: (ctx) => middleValue(ctx, 3, 0.25),\n yScaleID: 'y'\n};\n// \n\n/* */\nconst config = {\n type: 'bar',\n data,\n options: {\n plugins: {\n annotation: {\n annotations: {\n annotation1,\n annotation2,\n annotation3,\n annotation4\n }\n }\n }\n }\n};\n/* */\n\n// \n// categoryPercentage is 0.8 by default\n// barPercentage is 0.9 by default\n// 1 * 0.8 * 0.9 = 0.72\n// 0.72 / 2 = 0.36\n\nfunction indexToMin(index) {\n return index - 0.36;\n}\n\nfunction indexToMax(index) {\n return index + 0.36;\n}\n\nfunction middleValue(ctx, index, perc) {\n const chart = ctx.chart;\n const dataset = chart.data.datasets[0];\n return dataset.data[index] * perc;\n}\n// \n\nconst actions = [\n {\n name: 'Randomize',\n handler: function(chart) {\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data = dataset.data.map(() => Utils.rand(MIN, MAX));\n });\n chart.update();\n }\n }\n];\n\nmodule.exports = {\n actions: actions,\n config: config,\n};\n`\"/>"},{title:"Outside of chart",frontmatter:{},regularPath:"/samples/line/hook.html",relativePath:"samples/line/hook.md",key:"v-76c7a746",path:"/samples/line/hook.html",lastUpdated:"9/19/2024, 7:47:19 AM",lastUpdatedTimestamp:1726732039e3,content:" Outside of chart \n \nconst DATA_COUNT = 8;\nconst MIN = 10;\nconst MAX = 100;\n\nUtils.srand(8);\n\nconst labels = [];\nfor (let i = 0; i \n\n// \nconst annotation = {\n type: 'line',\n borderColor: 'black',\n borderWidth: 3,\n scaleID: 'y',\n value: 55,\n beforeDraw: drawExtraLine\n};\n// \n\n// \nfunction drawExtraLine(context) {\n const ctx = context.chart.ctx;\n const width = context.chart.canvas.width;\n const {x, y, x2, y2, options} = context.element;\n ctx.save();\n ctx.lineWidth = options.borderWidth;\n ctx.strokeStyle = options.borderColor;\n ctx.setLineDash([6, 6]);\n ctx.lineDashOffset = options.borderDashOffset;\n ctx.beginPath();\n ctx.moveTo(0, y);\n ctx.lineTo(x, y);\n ctx.moveTo(x2, y2);\n ctx.lineTo(width, y);\n ctx.stroke();\n ctx.restore();\n return true;\n}\n// \n\n/* */\nconst config = {\n type: 'line',\n data,\n options: {\n layout: {\n padding: {\n right: 50\n }\n },\n scales: {\n y: {\n stacked: true\n }\n },\n plugins: {\n annotation: {\n clip: false,\n annotations: {\n annotation\n }\n }\n }\n }\n};\n/* */\n\nconst actions = [\n {\n name: 'Randomize',\n handler: function(chart) {\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data = dataset.data.map(() => Utils.rand(MIN, MAX));\n });\n chart.update();\n }\n },\n {\n name: 'Add data',\n handler: function(chart) {\n chart.data.labels.push(chart.data.labels.length);\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data.push(Utils.rand(MIN, MAX));\n });\n chart.update();\n }\n },\n {\n name: 'Remove data',\n handler: function(chart) {\n chart.data.labels.shift();\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data.shift();\n });\n chart.update();\n }\n }\n];\n\nmodule.exports = {\n actions: actions,\n config: config,\n};\n`\"/>"},{title:"Using images as labels",frontmatter:{},regularPath:"/samples/line/image.html",relativePath:"samples/line/image.md",key:"v-19c0057d",path:"/samples/line/image.html",lastUpdated:"9/19/2024, 7:47:19 AM",lastUpdatedTimestamp:1726732039e3,content:" Using images as labels \n \nconst DATA_COUNT = 8;\nconst MIN = 10;\nconst MAX = 100;\n\nUtils.srand(8);\n\nconst labels = [];\nfor (let i = 0; i \n\n// \nconst annotation = {\n type: 'line',\n borderColor: 'black',\n borderWidth: 3,\n scaleID: 'y',\n value: 50,\n label: {\n display: true,\n content: Utils.getImage(),\n backgroundColor: 'white',\n borderWidth: 3,\n width: '20%',\n height: '20%',\n position: 'end'\n }\n};\n// \n\n/* */\nconst config = {\n type: 'line',\n data,\n options: {\n plugins: {\n annotation: {\n annotations: {\n annotation\n }\n }\n }\n }\n};\n/* */\n\nconst actions = [\n {\n name: 'Randomize',\n handler: function(chart) {\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data = dataset.data.map(() => Utils.rand(MIN, MAX));\n });\n chart.update();\n }\n },\n {\n name: 'Add data',\n handler: function(chart) {\n chart.data.labels.push(chart.data.labels.length);\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data.push(Utils.rand(MIN, MAX));\n });\n chart.update();\n }\n },\n {\n name: 'Remove data',\n handler: function(chart) {\n chart.data.labels.shift();\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data.shift();\n });\n chart.update();\n }\n }\n];\n\nmodule.exports = {\n actions: actions,\n config: config\n};\n`\"/>"},{title:"Label visibility",frontmatter:{},regularPath:"/samples/line/labelVisibility.html",relativePath:"samples/line/labelVisibility.md",key:"v-940803b2",path:"/samples/line/labelVisibility.html",lastUpdated:"9/19/2024, 7:47:19 AM",lastUpdatedTimestamp:1726732039e3,content:" Label visibility \n \nconst DATA_COUNT = 8;\nconst MIN = 10;\nconst MAX = 100;\n\nUtils.srand(8);\n\nconst labels = [];\nfor (let i = 0; i \n\n// \nconst annotation1 = {\n type: 'line',\n borderColor: 'lightGreen',\n borderWidth: 10,\n label: {\n display: false,\n backgroundColor: 'green',\n drawTime: 'afterDatasetsDraw',\n content: (ctx) => ['Average of dataset', 'is: ' + average(ctx).toFixed(3)]\n },\n scaleID: 'y',\n value: (ctx) => average(ctx),\n // For simple property changes, you can directly modify the annotation\n // element's properties then return true to force chart re-drawing. This is faster.\n enter({element}, event) {\n element.label.options.display = true;\n return true;\n },\n leave({element}, event) {\n element.label.options.display = false;\n return true;\n }\n};\n// \n\n// \nconst annotation2 = {\n type: 'line',\n borderColor: 'lightBlue',\n borderWidth: 10,\n label: {\n display: (ctx) => ctx.hovered,\n backgroundColor: 'blue',\n drawTime: 'afterDatasetsDraw',\n content: (ctx) => ['Min of dataset', 'is: ' + min(ctx).toFixed(3)],\n position: (ctx) => ctx.hoverPosition\n },\n scaleID: 'y',\n value: (ctx) => min(ctx),\n // For more complex dynamic properties, you can store values on the persistent\n // context object then retrieve them via scriptable properties. You'll have\n // to call chart.update() to reprocess the chart.\n enter(ctx, event) {\n ctx.hovered = true;\n ctx.hoverPosition = (event.x / ctx.chart.chartArea.width * 100) + '%';\n ctx.chart.update();\n },\n leave(ctx, event) {\n ctx.hovered = false;\n ctx.chart.update();\n }\n};\n// \n\n/* */\nconst config = {\n type: 'line',\n data,\n options: {\n plugins: {\n tooltip: {\n display: false,\n },\n annotation: {\n common: {\n drawTime: 'beforeDatasetsDraw'\n },\n annotations: {\n annotation1,\n annotation2\n }\n }\n }\n }\n};\n/* */\n\n// \nfunction average(ctx) {\n const values = ctx.chart.data.datasets[0].data;\n return values.reduce((a, b) => a + b, 0) / values.length;\n}\n\nfunction min(ctx) {\n const values = ctx.chart.data.datasets[0].data;\n return values.reduce((a, b) => Math.min(a, b), Infinity);\n}\n// \n\nconst actions = [\n {\n name: 'Randomize',\n handler: function(chart) {\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data = dataset.data.map(() => Utils.rand(MIN, MAX));\n });\n chart.update();\n }\n },\n {\n name: 'Add data',\n handler: function(chart) {\n chart.data.labels.push(chart.data.labels.length);\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data.push(Utils.rand(MIN, MAX));\n });\n chart.update();\n }\n },\n {\n name: 'Remove data',\n handler: function(chart) {\n chart.data.labels.shift();\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data.shift();\n });\n chart.update();\n }\n }\n];\n\nmodule.exports = {\n actions: actions,\n config: config,\n};\n`\"/>"},{title:"Limited lines",frontmatter:{},regularPath:"/samples/line/limited.html",relativePath:"samples/line/limited.md",key:"v-2f3a8d3f",path:"/samples/line/limited.html",lastUpdated:"9/19/2024, 7:47:19 AM",lastUpdatedTimestamp:1726732039e3,content:" Limited lines \n \nconst DATA_COUNT = 12;\nconst MIN = 10;\nconst MAX = 100;\n\nUtils.srand(8);\n\nconst numberCfg = {count: DATA_COUNT, min: MIN, max: MAX};\n\nconst data = {\n labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'],\n datasets: [{\n data: Utils.numbers(numberCfg)\n }, {\n data: Utils.numbers(numberCfg)\n }]\n};\n// \n\n// \nconst annotation1 = {\n type: 'line',\n borderColor: 'green',\n borderWidth: 3,\n label: {\n display: true,\n backgroundColor: 'lightGreen',\n borderRadius: 0,\n color: 'green',\n content: 'Summer time'\n },\n arrowHeads: {\n start: {\n display: true,\n borderColor: 'green'\n },\n end: {\n display: true,\n borderColor: 'green'\n }\n },\n xMax: 8,\n xMin: 5,\n xScaleID: 'x',\n yMax: 110,\n yMin: 110,\n yScaleID: 'y'\n};\n// \n\n// \nconst annotation2 = {\n type: 'line',\n borderColor: 'green',\n borderDash: [6, 6],\n borderWidth: 1,\n xMax: 5,\n xMin: 5,\n xScaleID: 'x',\n yMax: 0,\n yMin: 110,\n yScaleID: 'y'\n};\n// \n\n// \nconst annotation3 = {\n type: 'line',\n borderColor: 'green',\n borderDash: [6, 6],\n borderWidth: 1,\n xMax: 8,\n xMin: 8,\n xScaleID: 'x',\n yMax: 0,\n yMin: 110,\n yScaleID: 'y'\n};\n// \n\n/* */\nconst config = {\n type: 'line',\n data,\n options: {\n scale: {\n y: {\n beginAtZero: true,\n max: 120,\n min: 0\n }\n },\n plugins: {\n annotation: {\n common: {\n drawTime: 'beforeDraw'\n },\n annotations: {\n annotation1,\n annotation2,\n annotation3\n }\n }\n }\n }\n};\n/* */\n\nconst actions = [\n {\n name: 'Randomize',\n handler: function(chart) {\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data = dataset.data.map(() => Utils.rand(MIN, MAX));\n });\n chart.update();\n }\n }\n];\n\nmodule.exports = {\n actions: actions,\n config: config,\n};\n`\"/>"},{title:"Lower and upper bounds",frontmatter:{},regularPath:"/samples/line/lowerUpper.html",relativePath:"samples/line/lowerUpper.md",key:"v-5f6c329d",path:"/samples/line/lowerUpper.html",lastUpdated:"9/19/2024, 7:47:19 AM",lastUpdatedTimestamp:1726732039e3,content:" Lower and upper bounds \n \nconst DATA_COUNT = 8;\nconst MIN = 10;\nconst MAX = 100;\n\nUtils.srand(8);\n\nconst labels = [];\nfor (let i = 0; i \n\n// \nconst annotation1 = {\n type: 'line',\n borderColor: 'black',\n borderWidth: 3,\n label: {\n display: true,\n backgroundColor: 'black',\n borderColor: 'black',\n borderRadius: 10,\n borderWidth: 2,\n content: (ctx) => 'Lower bound: ' + minValue(ctx).toFixed(3),\n rotation: 'auto'\n },\n scaleID: 'y',\n value: minValue\n};\n// \n\n// \nconst annotation2 = {\n type: 'line',\n borderWidth: 3,\n borderColor: 'black',\n label: {\n display: true,\n backgroundColor: 'black',\n borderColor: 'black',\n borderRadius: 10,\n borderWidth: 2,\n content: (ctx) => 'Upper bound: ' + maxValue(ctx).toFixed(3),\n rotation: 'auto'\n },\n scaleID: 'y',\n value: maxValue\n};\n// \n\n/* */\nconst config = {\n type: 'line',\n data,\n options: {\n scales: {\n y: {\n stacked: true\n }\n },\n plugins: {\n annotation: {\n annotations: {\n annotation1,\n annotation2\n }\n }\n }\n }\n};\n/* */\n\n// \nfunction minValue(ctx) {\n const dataset = ctx.chart.data.datasets[0];\n const min = dataset.data.reduce((max, point) => Math.min(point, max), Infinity);\n return isFinite(min) ? min : 0;\n}\n\nfunction maxValue(ctx) {\n const datasets = ctx.chart.data.datasets;\n const count = datasets[0].data.length;\n let max = 0;\n for (let i = 0; i \n\nconst actions = [\n {\n name: 'Randomize',\n handler: function(chart) {\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data = dataset.data.map(() => Utils.rand(MIN, MAX));\n });\n chart.update();\n }\n },\n {\n name: 'Add data',\n handler: function(chart) {\n chart.data.labels.push(chart.data.labels.length);\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data.push(Utils.rand(MIN, MAX));\n });\n chart.update();\n }\n },\n {\n name: 'Remove data',\n handler: function(chart) {\n chart.data.labels.shift();\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data.shift();\n });\n chart.update();\n }\n },\n {\n name: 'Cycle position',\n handler: function(chart) {\n const annotations = chart.options.plugins.annotation.annotations;\n if (annotations.annotation1.label.position === 'start') {\n annotations.annotation1.label.position = 'end';\n annotations.annotation2.label.position = 'end';\n } else if (annotations.annotation1.label.position === 'center') {\n annotations.annotation1.label.position = 'start';\n annotations.annotation2.label.position = 'start';\n } else {\n annotations.annotation1.label.position = 'center';\n annotations.annotation2.label.position = 'center';\n }\n chart.update();\n }\n }\n];\n\nmodule.exports = {\n actions: actions,\n config: config,\n};\n`\"/>"},{title:"Standard deviation",frontmatter:{},regularPath:"/samples/line/standardDeviation.html",relativePath:"samples/line/standardDeviation.md",key:"v-bc3af7aa",path:"/samples/line/standardDeviation.html",lastUpdated:"9/19/2024, 7:47:19 AM",lastUpdatedTimestamp:1726732039e3,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:"9/19/2024, 7:47:19 AM",lastUpdatedTimestamp:1726732039e3,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:"9/19/2024, 7:47:19 AM",lastUpdatedTimestamp:1726732039e3,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:"9/19/2024, 7:47:19 AM",lastUpdatedTimestamp:1726732039e3,content:" Combined annotations \n \nconst DATA_COUNT = 12;\nconst MIN = 10;\nconst MAX = 100;\n\nUtils.srand(8);\n\nconst numberCfg = {count: DATA_COUNT, min: MIN, max: MAX};\n\nconst data = {\n labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'],\n datasets: [{\n data: Utils.numbers(numberCfg)\n }, {\n data: Utils.numbers(numberCfg)\n }]\n};\n// \n\n// \nconst annotation1 = {\n type: 'line',\n borderColor: 'green',\n borderDash: [6, 6],\n borderWidth: 3,\n label: {\n display: true,\n backgroundColor: 'lightGreen',\n borderRadius: 0,\n color: 'green',\n content: 'Project timeline'\n },\n arrowHeads: {\n end: {\n display: true,\n fill: true,\n borderDash: [],\n borderColor: 'green'\n }\n },\n xMax: 10.5,\n xMin: 2.5,\n xScaleID: 'x',\n yMax: 110,\n yMin: 110,\n yScaleID: 'y'\n};\n// \n\n// \nconst annotation2 = {\n type: 'line',\n borderColor: 'green',\n borderDash: [6, 6],\n borderWidth: 1,\n xMax: 2.5,\n xMin: 2.5,\n xScaleID: 'x',\n yMax: 0,\n yMin: 110,\n yScaleID: 'y'\n};\n// \n\n// \nconst annotation3 = {\n type: 'line',\n borderColor: 'green',\n borderDash: [6, 6],\n borderWidth: 1,\n xMax: 10.5,\n xMin: 10.5,\n xScaleID: 'x',\n yMax: 0,\n yMin: 110,\n yScaleID: 'y'\n};\n// \n\n// \nconst annotation4 = {\n type: 'point',\n backgroundColor: 'green',\n borderWidth: 0,\n xValue: 2.5,\n xScaleID: 'x',\n yValue: 110,\n yScaleID: 'y'\n};\n// \n\n/* */\nconst config = {\n type: 'bar',\n data,\n options: {\n scale: {\n y: {\n beginAtZero: true,\n max: 120,\n min: 0\n }\n },\n plugins: {\n annotation: {\n common: {\n drawTime: 'beforeDraw'\n },\n annotations: {\n annotation1,\n annotation2,\n annotation3,\n annotation4\n }\n }\n }\n }\n};\n/* */\n\nconst actions = [\n {\n name: 'Randomize',\n handler: function(chart) {\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data = dataset.data.map(() => Utils.rand(MIN, MAX));\n });\n chart.update();\n }\n }\n];\n\nmodule.exports = {\n actions: actions,\n config: config,\n};\n`\"/>"},{title:"Points outside of chart area",frontmatter:{},regularPath:"/samples/point/outsideChartArea.html",relativePath:"samples/point/outsideChartArea.md",key:"v-dd2b401a",path:"/samples/point/outsideChartArea.html",lastUpdated:"9/19/2024, 7:47:19 AM",lastUpdatedTimestamp:1726732039e3,content:" Points outside of chart area \n \nconst DATA_COUNT = 12;\nconst MIN = 10;\nconst MAX = 100;\n\nUtils.srand(8);\n\nconst numberCfg = {count: DATA_COUNT, min: MIN, max: MAX};\n\nconst data = {\n labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'],\n datasets: [{\n data: Utils.numbers(numberCfg)\n }, {\n data: Utils.numbers(numberCfg)\n }]\n};\n// \n\n// \nconst annotation1 = {\n type: 'point',\n backgroundColor: 'lime',\n borderColor: 'black',\n borderWidth: 1,\n pointStyle: 'triangle',\n radius: 15,\n xValue: 3,\n xScaleID: 'x',\n yAdjust: 5,\n yValue: 0,\n yScaleID: 'y'\n};\n// \n\n// \nconst annotation2 = {\n type: 'point',\n backgroundColor: 'lime',\n borderColor: 'black',\n borderWidth: 1,\n pointStyle: 'triangle',\n radius: 15,\n rotation: 180,\n xValue: 3,\n xScaleID: 'x',\n yAdjust: -5,\n yValue: 100,\n yScaleID: 'y'\n};\n// \n\n/* */\nconst config = {\n type: 'bar',\n data,\n options: {\n layout: {\n padding: {\n top: 16\n }\n },\n scale: {\n y: {\n beginAtZero: true,\n max: 100,\n min: 0\n }\n },\n plugins: {\n annotation: {\n clip: false,\n common: {\n drawTime: 'afterDraw'\n },\n annotations: {\n annotation1,\n annotation2\n }\n }\n }\n }\n};\n/* */\n\nconst actions = [\n {\n name: 'Randomize',\n handler: function(chart) {\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data = dataset.data.map(() => Utils.rand(MIN, MAX));\n });\n const xValue = Utils.rand(0, DATA_COUNT - 1);\n chart.options.plugins.annotation.annotations.annotation1.xValue = xValue;\n chart.options.plugins.annotation.annotations.annotation2.xValue = xValue;\n chart.update();\n }\n }\n];\n\nmodule.exports = {\n actions: actions,\n config: config,\n};\n`\"/>"},{title:"Initial animations",frontmatter:{},regularPath:"/samples/point/initAnim.html",relativePath:"samples/point/initAnim.md",key:"v-246c16bd",path:"/samples/point/initAnim.html",lastUpdated:"9/19/2024, 7:47:19 AM",lastUpdatedTimestamp:1726732039e3,content:" Initial animations \n \nconst DATA_COUNT = 12;\nconst MIN = 10;\nconst MAX = 100;\n\nconst numberCfg = {count: DATA_COUNT, min: MIN, max: MAX};\n\nconst data = {\n labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'],\n datasets: [{\n data: Utils.numbers(numberCfg)\n }]\n};\n// \n\n// \nconst annotation1 = {\n type: 'point',\n backgroundColor: 'rgba(0, 150, 0, 0.2)',\n borderColor: 'rgba(0, 150, 0)',\n borderRadius: 4,\n borderWidth: 1,\n init: true,\n radius: 40,\n xMax: 6.5,\n xMin: 4.5,\n yMax: 60,\n yMin: 40\n};\nconst labelAnnotation1 = {\n type: 'label',\n init: true,\n content: 'Fade',\n xMax: 6.5,\n xMin: 4.5,\n yMax: 60,\n yMin: 40\n};\n// \n\n// \nconst annotation2 = {\n type: 'point',\n backgroundColor: 'rgba(0, 150, 0, 0.2)',\n borderColor: 'rgba(0, 150, 0)',\n borderRadius: 4,\n borderWidth: 1,\n init: () => ({centerY: 0}),\n radius: 40,\n xMax: 2.5,\n xMin: 0.5,\n yMax: 30,\n yMin: 10\n};\nconst labelAnnotation2 = {\n type: 'label',\n init: () => ({y: 0, y2: 0, width: 0, height: 0}),\n content: 'Flyin from top',\n xMax: 2.5,\n xMin: 0.5,\n yMax: 30,\n yMin: 10\n};\n// \n\n// \nconst annotation3 = {\n type: 'point',\n backgroundColor: 'rgba(0, 150, 0, 0.2)',\n borderColor: 'rgba(0, 150, 0)',\n borderRadius: 4,\n borderWidth: 1,\n init: () => ({centerX: 0}),\n radius: 40,\n xMax: 10.5,\n xMin: 8.5,\n yMax: 90,\n yMin: 70\n};\nconst labelAnnotation3 = {\n type: 'label',\n init: () => ({x: 0, x2: 0, width: 0, height: 0}),\n content: 'Flyin from left',\n xMax: 10.5,\n xMin: 8.5,\n yMax: 90,\n yMin: 70\n};\n// \n\n/* */\nconst config = {\n type: 'line',\n data,\n options: {\n scales: {\n y: {\n beginAtZero: true,\n max: 100,\n min: 0\n }\n },\n plugins: {\n annotation: {\n common: {\n drawTime: 'afterDraw'\n },\n annotations: {\n annotation1,\n labelAnnotation1,\n annotation2,\n labelAnnotation2,\n annotation3,\n labelAnnotation3\n }\n }\n }\n }\n};\n/* */\n\nconst actions = [\n {\n name: 'Randomize',\n handler: function(chart) {\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data = dataset.data.map(() => Utils.rand(MIN, MAX));\n });\n chart.update();\n }\n }\n];\n\nmodule.exports = {\n actions: actions,\n config: config,\n};\n`\"/>"},{title:"Shadow",frontmatter:{},regularPath:"/samples/point/shadow.html",relativePath:"samples/point/shadow.md",key:"v-0fc2653f",path:"/samples/point/shadow.html",lastUpdated:"9/19/2024, 7:47:19 AM",lastUpdatedTimestamp:1726732039e3,content:" Shadow \n \nconst DATA_COUNT = 8;\nconst MIN = 10;\nconst MAX = 100;\n\nUtils.srand(5);\n\nconst labels = [];\nfor (let i = 0; i \n\n// \nconst annotation1 = {\n type: 'point',\n backgroundColor: 'rgba(0, 255, 255, 0.4)',\n backgroundShadowColor: 'black',\n borderColor: 'black',\n borderWidth: 3,\n scaleID: 'y',\n shadowBlur: 3,\n shadowOffsetX: 3,\n shadowOffsetY: 10,\n xValue: (ctx) => value(ctx, 0, 2, 'x'),\n yValue: (ctx) => value(ctx, 0, 2, 'y')\n};\n// \n\n// \nconst annotation2 = {\n type: 'point',\n backgroundColor: 'rgba(245, 245, 245, 0.5)',\n borderColor: 'red',\n borderShadowColor: 'gray',\n borderWidth: 5,\n pointStyle: 'triangle',\n radius: 25,\n scaleID: 'y',\n shadowBlur: 3,\n shadowOffsetX: 3,\n shadowOffsetY: 10,\n xValue: (ctx) => value(ctx, 1, 4, 'x'),\n yValue: (ctx) => value(ctx, 1, 4, 'y')\n};\n// \n\n// \nconst annotation3 = {\n type: 'point',\n borderColor: 'orange',\n borderShadowColor: 'black',\n borderWidth: 3,\n drawTime: 'beforeDraw',\n pointStyle: 'star',\n radius: 25,\n scaleID: 'y',\n shadowBlur: 3,\n shadowOffsetX: 3,\n shadowOffsetY: 10,\n xValue: (ctx) => value(ctx, 1, 6, 'x'),\n yValue: (ctx) => value(ctx, 1, 6, 'y')\n};\n// \n\n/* */\nconst config = {\n type: 'line',\n data,\n options: {\n plugins: {\n annotation: {\n annotations: {\n annotation1,\n annotation2,\n annotation3\n }\n }\n }\n }\n};\n/* */\n\n// \nfunction value(ctx, datasetIndex, index, prop) {\n const meta = ctx.chart.getDatasetMeta(datasetIndex);\n const parsed = meta.controller.getParsed(index);\n return parsed ? parsed[prop] : NaN;\n}\n// \n\nconst actions = [\n {\n name: 'Randomize',\n handler: function(chart) {\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data = dataset.data.map(() => Utils.rand(MIN, MAX));\n });\n chart.update();\n }\n },\n {\n name: 'Add data',\n handler: function(chart) {\n chart.data.labels.push(chart.data.labels.length);\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data.push(Utils.rand(MIN, MAX));\n });\n chart.update();\n }\n },\n {\n name: 'Remove data',\n handler: function(chart) {\n chart.data.labels.shift();\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data.shift();\n });\n chart.update();\n }\n }\n];\n\nmodule.exports = {\n actions: actions,\n config: config\n};\n`\"/>"},{title:"Basic",frontmatter:{},regularPath:"/samples/polygon/basic.html",relativePath:"samples/polygon/basic.md",key:"v-3ae674fd",path:"/samples/polygon/basic.html",lastUpdated:"9/19/2024, 7:47:19 AM",lastUpdatedTimestamp:1726732039e3,content:" Basic \n \nconst DATA_COUNT = 8;\nconst MIN = 10;\nconst MAX = 100;\n\nUtils.srand(5);\n\nconst labels = [];\nfor (let i = 0; i \n\n// \nconst annotation1 = {\n type: 'polygon',\n backgroundColor: 'rgba(0, 255, 255, 0.4)',\n borderColor: 'black',\n borderWidth: 3,\n radius: 25,\n scaleID: 'y',\n xValue: (ctx) => value(ctx, 0, 2, 'x'),\n yValue: (ctx) => value(ctx, 0, 2, 'y')\n};\n// \n\n// \nconst annotation2 = {\n type: 'polygon',\n backgroundColor: 'transparent',\n borderColor: 'red',\n borderWidth: 5,\n radius: 25,\n scaleID: 'y',\n sides: 5,\n xValue: (ctx) => value(ctx, 1, 4, 'x'),\n yValue: (ctx) => value(ctx, 1, 4, 'y')\n};\n// \n\n// \nconst annotation3 = {\n type: 'polygon',\n backgroundColor: 'transparent',\n borderColor: 'gray',\n borderWidth: 3,\n radius: 30,\n sides: 8,\n scaleID: 'y',\n xValue: (ctx) => value(ctx, 1, 6, 'x'),\n yValue: (ctx) => value(ctx, 1, 6, 'y')\n};\n// \n\n/* */\nconst config = {\n type: 'line',\n data,\n options: {\n plugins: {\n annotation: {\n annotations: {\n annotation1,\n annotation2,\n annotation3\n }\n }\n }\n }\n};\n/* */\n\n// \nfunction value(ctx, datasetIndex, index, prop) {\n const meta = ctx.chart.getDatasetMeta(datasetIndex);\n const parsed = meta.controller.getParsed(index);\n return parsed ? parsed[prop] : NaN;\n}\n// \n\nconst actions = [\n {\n name: 'Randomize',\n handler: function(chart) {\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data = dataset.data.map(() => Utils.rand(MIN, MAX));\n });\n chart.update();\n }\n },\n {\n name: 'Add data',\n handler: function(chart) {\n chart.data.labels.push(chart.data.labels.length);\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data.push(Utils.rand(MIN, MAX));\n });\n chart.update();\n }\n },\n {\n name: 'Remove data',\n handler: function(chart) {\n chart.data.labels.shift();\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data.shift();\n });\n chart.update();\n }\n },\n {\n name: 'Add a side to annotation 1',\n handler: function(chart) {\n chart.options.plugins.annotation.annotations.annotation1.sides++;\n chart.update();\n }\n },\n {\n name: 'Remove a side from annotation 1',\n handler: function(chart) {\n chart.options.plugins.annotation.annotations.annotation1.sides--;\n chart.update();\n }\n }\n];\n\nmodule.exports = {\n actions: actions,\n config: config\n};\n`\"/>"},{title:"Polygons outside of chart area",frontmatter:{},regularPath:"/samples/polygon/outsideChartArea.html",relativePath:"samples/polygon/outsideChartArea.md",key:"v-39b04a87",path:"/samples/polygon/outsideChartArea.html",lastUpdated:"9/19/2024, 7:47:19 AM",lastUpdatedTimestamp:1726732039e3,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:"9/19/2024, 7:47:19 AM",lastUpdatedTimestamp:1726732039e3,content:" Shadow \n \nconst DATA_COUNT = 8;\nconst MIN = 10;\nconst MAX = 100;\n\nUtils.srand(5);\n\nconst labels = [];\nfor (let i = 0; i \n\n// \nconst annotation1 = {\n type: 'polygon',\n backgroundColor: 'white',\n backgroundShadowColor: 'black',\n borderColor: 'red',\n borderJoinStyle: 'round',\n borderWidth: 7,\n radius: 40,\n rotation: 180,\n shadowBlur: 3,\n shadowOffsetX: 3,\n shadowOffsetY: 10,\n xValue: (ctx) => value(ctx, 0, 2, 'x'),\n yValue: (ctx) => value(ctx, 0, 2, 'y')\n};\n// \n\n// \nconst annotation2 = {\n type: 'polygon',\n backgroundColor: 'white',\n backgroundShadowColor: 'black',\n borderColor: 'red',\n borderJoinStyle: 'round',\n borderWidth: 7,\n radius: 40,\n shadowBlur: 3,\n shadowOffsetX: 3,\n shadowOffsetY: 10,\n xValue: (ctx) => value(ctx, 0, 4, 'x'),\n yValue: (ctx) => value(ctx, 0, 4, 'y')\n};\n// \n\n// \nconst annotation3 = {\n type: 'label',\n color: 'black',\n content: '!',\n font: {\n size: 40,\n family: 'Arial',\n weight: 'bold'\n },\n xValue: (ctx) => value(ctx, 0, 4, 'x'),\n yValue: (ctx) => value(ctx, 0, 4, 'y')\n};\n// \n\n// \nconst annotation4 = {\n type: 'polygon',\n backgroundColor: 'red',\n backgroundShadowColor: 'black',\n borderColor: 'white',\n borderWidth: 4,\n radius: 40,\n rotation: 22.5,\n shadowBlur: 3,\n shadowOffsetX: 3,\n shadowOffsetY: 10,\n sides: 8,\n xValue: (ctx) => value(ctx, 0, 6, 'x'),\n yValue: (ctx) => value(ctx, 0, 6, 'y')\n};\n// \n\n// \nconst annotation5 = {\n type: 'label',\n color: 'white',\n content: 'STOP',\n font: {\n size: 24\n },\n xValue: (ctx) => value(ctx, 0, 6, 'x'),\n yValue: (ctx) => value(ctx, 0, 6, 'y')\n};\n// \n\n/* */\nconst config = {\n type: 'line',\n data,\n options: {\n scales: {\n y: {\n beginAtZero: true,\n max: 120,\n min: 0\n }\n },\n plugins: {\n annotation: {\n annotations: {\n annotation1,\n annotation2,\n annotation3,\n annotation4,\n annotation5\n }\n }\n }\n }\n};\n/* */\n\n// \nfunction value(ctx, datasetIndex, index, prop) {\n const meta = ctx.chart.getDatasetMeta(datasetIndex);\n const parsed = meta.controller.getParsed(index);\n return parsed ? parsed[prop] : NaN;\n}\n// \n\nconst actions = [\n {\n name: 'Randomize',\n handler: function(chart) {\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data = dataset.data.map(() => Utils.rand(MIN, MAX));\n });\n chart.update();\n }\n },\n {\n name: 'Add data',\n handler: function(chart) {\n chart.data.labels.push(chart.data.labels.length);\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data.push(Utils.rand(MIN, MAX));\n });\n chart.update();\n }\n },\n {\n name: 'Remove data',\n handler: function(chart) {\n chart.data.labels.shift();\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data.shift();\n });\n chart.update();\n }\n }\n];\n\nmodule.exports = {\n actions: actions,\n config: config\n};\n`\"/>"},{title:"Utils",frontmatter:{},regularPath:"/samples/utils.html",relativePath:"samples/utils.md",key:"v-4719da06",path:"/samples/utils.html",headers:[{level:2,title:"Disclaimer",slug:"disclaimer"},{level:2,title:"Functions",slug:"functions"}],lastUpdated:"9/19/2024, 7:47:19 AM",lastUpdatedTimestamp:1726732039e3,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:"9/19/2024, 7:47:19 AM",lastUpdatedTimestamp:1726732039e3,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"]},"developers",{title:"Migration",collapsable:!0,children:["migrationV3","migrationV2","migrationV1"]}],"/samples/":["intro",{title:"Box annotations",children:["box/basic","box/quarters","box/disclosure","box/canvas","box/image","box/initAnim","box/gradient"]},{title:"Ellipse annotations",children:["ellipse/basic","ellipse/rotation","ellipse/label","ellipse/image"]},{title:"Label annotations",children:["label/basic","label/point","label/callout","label/canvas","label/image","label/innerChart","label/lowerUpper","label/fontsColors","label/autoscaling"]},{title:"Line annotations",children:["line/basic","line/curve","line/lowerUpper","line/limited","line/average","line/standardDeviation","line/callout","line/visibility","line/labelVisibility","line/canvas","line/image","line/datasetBars","line/animation","line/hook"]},{title:"Point annotations",children:["point/basic","point/combined","point/outsideChartArea","point/shadow","point/initAnim"]},{title:"Polygon annotations",children:["polygon/basic","polygon/stop","polygon/outsideChartArea","polygon/shadow"]},{title:"Charts",children:["charts/bar","charts/line"]},{title:"Interaction",children:["interaction/interaction","interaction/dragging","interaction/selection","interaction/cartesianplane"]},"utils"]}}};e(255),e(256);r.a.component("ChartEditor",()=>Promise.all([e.e(0),e.e(3)]).then(e.bind(null,421))),r.a.component("Badge",()=>Promise.all([e.e(0),e.e(5)]).then(e.bind(null,425))),r.a.component("CodeBlock",()=>Promise.all([e.e(0),e.e(6)]).then(e.bind(null,423))),r.a.component("CodeGroup",()=>Promise.all([e.e(0),e.e(7)]).then(e.bind(null,424)));e(257);var Zt,Qt=e(2);function ne(n,t){(null==t||t>n.length)&&(t=n.length);for(var e=0,o=new Array(t);e=0&&(t=n.slice(o),n=n.slice(0,o));var a=n.indexOf("?");return a>=0&&(e=n.slice(a+1),n=n.slice(0,a)),{path:n,query:e,hash:t}}(a.path||""),d=t&&t.path||"/",u=c.path?D(c.path,d,e||a.append):d,h=function(n,t,e){void 0===t&&(t={});var o,a=e||p;try{o=a(n||"")}catch(n){o={}}for(var i in t){var r=t[i];o[i]=Array.isArray(r)?r.map(f):f(r)}return o}(c.query,a.query,o&&o.options.parseQuery),b=a.hash||c.hash;return b&&"#"!==b.charAt(0)&&(b="#"+b),{_normalized:!0,path:u,query:h,hash:b}}var J,q=function(){},G={name:"RouterLink",props:{to:{type:[String,Object],required:!0},tag:{type:String,default:"a"},custom:Boolean,exact:Boolean,exactPath:Boolean,append:Boolean,replace:Boolean,activeClass:String,exactActiveClass:String,ariaCurrentValue:{type:String,default:"page"},event:{type:[String,Array],default:"click"}},render:function(n){var t=this,e=this.$router,o=this.$route,a=e.resolve(this.to,o,this.append),i=a.location,r=a.route,l=a.href,c={},d=e.options.linkActiveClass,u=e.options.linkExactActiveClass,h=null==d?"router-link-active":d,f=null==u?"router-link-exact-active":u,p=null==this.activeClass?h:this.activeClass,b=null==this.exactActiveClass?f:this.exactActiveClass,m=r.redirectedFrom?g(null,H(r.redirectedFrom),null,e):r;c[b]=O(o,m,this.exactPath),c[p]=this.exact||this.exactPath?c[b]:function(n,t){return 0===n.path.replace(v,"/").indexOf(t.path.replace(v,"/"))&&(!t.hash||n.hash===t.hash)&&function(n,t){for(var e in t)if(!(e in n))return!1;return!0}(n.query,t.query)}(o,m);var y=c[b]?this.ariaCurrentValue:null,x=function(n){K(n)&&(t.replace?e.replace(i,q):e.push(i,q))},w={click:K};Array.isArray(this.event)?this.event.forEach((function(n){w[n]=x})):w[this.event]=x;var C={class:c},k=!this.$scopedSlots.$hasNormal&&this.$scopedSlots.default&&this.$scopedSlots.default({href:l,route:r,navigate:x,isActive:c[p],isExactActive:c[b]});if(k){if(1===k.length)return k[0];if(k.length>1||!k.length)return 0===k.length?n():n("span",{},k)}if("a"===this.tag)C.on=w,C.attrs={href:l,"aria-current":y};else{var _=function n(t){var e;if(t)for(var o=0;o-1&&(s.params[h]=e.params[h]);return s.path=X(d.path,s.params),l(d,s,r)}if(s.path){s.params={};for(var f=0;f-1}function Mn(n,t){return An(n)&&n._isRouter&&(null==t||n.type===t)}function Pn(n,t,e){var o=function(a){a>=n.length?e():n[a]?t(n[a],(function(){o(a+1)})):o(a+1)};o(0)}function jn(n){return function(t,e,o){var a=!1,i=0,r=null;Tn(n,(function(n,t,e,s){if("function"==typeof n&&void 0===n.cid){a=!0,i++;var l,c=Ln((function(t){var a;((a=t).__esModule||En&&"Module"===a[Symbol.toStringTag])&&(t=t.default),n.resolved="function"==typeof t?t:J.extend(t),e.components[s]=t,--i<=0&&o()})),d=Ln((function(n){var t="Failed to resolve async component "+s+": "+n;r||(r=An(n)?n:new Error(t),o(r))}));try{l=n(c,d)}catch(n){d(n)}if(l)if("function"==typeof l.then)l.then(c,d);else{var u=l.component;u&&"function"==typeof u.then&&u.then(c,d)}}})),a||o()}}function Tn(n,t){return In(n.map((function(n){return Object.keys(n.components).map((function(e){return t(n.components[e],n.instances[e],n,e)}))})))}function In(n){return Array.prototype.concat.apply([],n)}var En="function"==typeof Symbol&&"symbol"==typeof Symbol.toStringTag;function Ln(n){var t=!1;return function(){for(var e=[],o=arguments.length;o--;)e[o]=arguments[o];if(!t)return t=!0,n.apply(this,e)}}var Nn=function(n,t){this.router=n,this.base=function(n){if(!n)if(Z){var t=document.querySelector("base");n=(n=t&&t.getAttribute("href")||"/").replace(/^https?:\/\/[^\/]+/,"")}else n="/";"/"!==n.charAt(0)&&(n="/"+n);return n.replace(/\/$/,"")}(t),this.current=y,this.pending=null,this.ready=!1,this.readyCbs=[],this.readyErrorCbs=[],this.errorCbs=[],this.listeners=[]};function Rn(n,t,e,o){var a=Tn(n,(function(n,o,a,i){var r=function(n,t){"function"!=typeof n&&(n=J.extend(n));return n.options[t]}(n,t);if(r)return Array.isArray(r)?r.map((function(n){return e(n,o,a,i)})):e(r,o,a,i)}));return In(o?a.reverse():a)}function Vn(n,t){if(t)return function(){return n.apply(t,arguments)}}Nn.prototype.listen=function(n){this.cb=n},Nn.prototype.onReady=function(n,t){this.ready?n():(this.readyCbs.push(n),t&&this.readyErrorCbs.push(t))},Nn.prototype.onError=function(n){this.errorCbs.push(n)},Nn.prototype.transitionTo=function(n,t,e){var o,a=this;try{o=this.router.match(n,this.current)}catch(n){throw this.errorCbs.forEach((function(t){t(n)})),n}var i=this.current;this.confirmTransition(o,(function(){a.updateRoute(o),t&&t(o),a.ensureURL(),a.router.afterHooks.forEach((function(n){n&&n(o,i)})),a.ready||(a.ready=!0,a.readyCbs.forEach((function(n){n(o)})))}),(function(n){e&&e(n),n&&!a.ready&&(Mn(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){!Mn(n)&&An(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(A(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(A(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=A(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(A(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(A(n+"/#"+t)),!0}(this.base)||Fn()}return n&&(t.__proto__=n),t.prototype=Object.create(n&&n.prototype),t.prototype.constructor=t,t.prototype.setupListeners=function(){var n=this;if(!(this.listeners.length>0)){var t=this.router.options.scrollBehavior,e=xn&&t;e&&this.listeners.push(dn());var o=function(){var t=n.current;Fn()&&n.transitionTo(Bn(),(function(o){e&&un(n.router,o,t,!0),xn||Xn(o.fullPath)}))},a=xn?"popstate":"hashchange";window.addEventListener(a,o),this.listeners.push((function(){window.removeEventListener(a,o)}))}},t.prototype.push=function(n,t,e){var o=this,a=this.current;this.transitionTo(n,(function(n){$n(n.fullPath),un(o.router,n,a,!1),t&&t(n)}),e)},t.prototype.replace=function(n,t,e){var o=this,a=this.current;this.transitionTo(n,(function(n){Xn(n.fullPath),un(o.router,n,a,!1),t&&t(n)}),e)},t.prototype.go=function(n){window.history.go(n)},t.prototype.ensureURL=function(n){var t=this.current.fullPath;Bn()!==t&&(n?$n(t):Xn(t))},t.prototype.getCurrentLocation=function(){return Bn()},t}(Nn);function Fn(){var n=Bn();return"/"===n.charAt(0)||(Xn("/"+n),!1)}function Bn(){var n=window.location.href,t=n.indexOf("#");return t<0?"":n=n.slice(t+1)}function Yn(n){var t=window.location.href,e=t.indexOf("#");return(e>=0?t.slice(0,e):t)+"#"+n}function $n(n){xn?wn(Yn(n)):window.location.hash=n}function Xn(n){xn?On(Yn(n)):window.location.replace(Yn(n))}var Hn=function(n){function t(t,e){n.call(this,t,e),this.stack=[],this.index=-1}return n&&(t.__proto__=n),t.prototype=Object.create(n&&n.prototype),t.prototype.constructor=t,t.prototype.push=function(n,t,e){var o=this;this.transitionTo(n,(function(n){o.stack=o.stack.slice(0,o.index+1).concat(n),o.index++,t&&t(n)}),e)},t.prototype.replace=function(n,t,e){var o=this;this.transitionTo(n,(function(n){o.stack=o.stack.slice(0,o.index).concat(n),t&&t(n)}),e)},t.prototype.go=function(n){var t=this,e=this.index+n;if(!(e<0||e>=this.stack.length)){var o=this.stack[e];this.confirmTransition(o,(function(){var n=t.current;t.index=e,t.updateRoute(o),t.router.afterHooks.forEach((function(t){t&&t(o,n)}))}),(function(n){Mn(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?A(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=Mn,Jn.NavigationFailureType=Cn,Jn.START_LOCATION=y,Z&&window.Vue&&window.Vue.use(Jn);e(59);e(17),e(56);var Zn={NotFound:()=>e.e(15).then(e.bind(null,422)),Layout:()=>Promise.all([e.e(0),e.e(2)]).then(e.bind(null,420))},Qn={"v-4a62f668":()=>e.e(16).then(e.bind(null,426)),"v-3b83533d":()=>e.e(17).then(e.bind(null,427)),"v-2d43a12f":()=>e.e(18).then(e.bind(null,428)),"v-2bdf7887":()=>e.e(20).then(e.bind(null,429)),"v-19fc5046":()=>e.e(19).then(e.bind(null,430)),"v-d5f286de":()=>e.e(21).then(e.bind(null,431)),"v-25f1271d":()=>e.e(22).then(e.bind(null,432)),"v-1c40ad9d":()=>e.e(23).then(e.bind(null,433)),"v-bc74aa06":()=>e.e(24).then(e.bind(null,434)),"v-15088ca1":()=>e.e(25).then(e.bind(null,435)),"v-2e4ca05d":()=>e.e(26).then(e.bind(null,436)),"v-1915dd1f":()=>e.e(27).then(e.bind(null,437)),"v-ec8d56c6":()=>e.e(28).then(e.bind(null,438)),"v-7fae43e2":()=>e.e(29).then(e.bind(null,439)),"v-4b4d89e9":()=>e.e(31).then(e.bind(null,440)),"v-6b2059b3":()=>e.e(30).then(e.bind(null,441)),"v-c42c2106":()=>e.e(32).then(e.bind(null,442)),"v-49180d06":()=>e.e(33).then(e.bind(null,443)),"v-29e3487d":()=>e.e(34).then(e.bind(null,444)),"v-f13aec06":()=>e.e(35).then(e.bind(null,445)),"v-3e5dcf1d":()=>e.e(36).then(e.bind(null,446)),"v-35d1c17d":()=>e.e(37).then(e.bind(null,447)),"v-361cec5e":()=>e.e(38).then(e.bind(null,448)),"v-07090646":()=>e.e(39).then(e.bind(null,449)),"v-42745613":()=>e.e(40).then(e.bind(null,450)),"v-16482446":()=>e.e(41).then(e.bind(null,451)),"v-5dd3097d":()=>e.e(42).then(e.bind(null,452)),"v-86eb5006":()=>e.e(43).then(e.bind(null,453)),"v-7b380066":()=>e.e(44).then(e.bind(null,454)),"v-64ad1186":()=>e.e(45).then(e.bind(null,455)),"v-0e308dd1":()=>e.e(47).then(e.bind(null,456)),"v-54682062":()=>e.e(46).then(e.bind(null,457)),"v-4d8c7bf6":()=>e.e(8).then(e.bind(null,458)),"v-1b86f686":()=>e.e(48).then(e.bind(null,459)),"v-51daecc6":()=>e.e(49).then(e.bind(null,460)),"v-121872fd":()=>e.e(4).then(e.bind(null,461)),"v-4d1e5c5d":()=>e.e(50).then(e.bind(null,462)),"v-15f8e6fd":()=>e.e(51).then(e.bind(null,463)),"v-67fac0e2":()=>e.e(53).then(e.bind(null,464)),"v-0db22306":()=>e.e(52).then(e.bind(null,465)),"v-26692906":()=>e.e(10).then(e.bind(null,466)),"v-5b88421d":()=>e.e(9).then(e.bind(null,467)),"v-49aea27d":()=>e.e(11).then(e.bind(null,468)),"v-37e66462":()=>e.e(12).then(e.bind(null,469)),"v-90c1ce06":()=>e.e(13).then(e.bind(null,470)),"v-33db82fd":()=>e.e(14).then(e.bind(null,471)),"v-942110c6":()=>e.e(54).then(e.bind(null,472)),"v-ebb19754":()=>e.e(55).then(e.bind(null,473)),"v-54f14cdd":()=>e.e(56).then(e.bind(null,474)),"v-43e4cf76":()=>e.e(57).then(e.bind(null,475)),"v-366650ca":()=>e.e(58).then(e.bind(null,476)),"v-fac884d6":()=>e.e(59).then(e.bind(null,477)),"v-f46f9a86":()=>e.e(60).then(e.bind(null,478)),"v-b3a5649a":()=>e.e(61).then(e.bind(null,479)),"v-a827b1b2":()=>e.e(62).then(e.bind(null,480)),"v-f0a8046a":()=>e.e(63).then(e.bind(null,481)),"v-2215247d":()=>e.e(65).then(e.bind(null,482)),"v-1ac7de46":()=>e.e(64).then(e.bind(null,483)),"v-06766846":()=>e.e(66).then(e.bind(null,484)),"v-14c8b49f":()=>e.e(68).then(e.bind(null,485)),"v-475451bd":()=>e.e(67).then(e.bind(null,486)),"v-532157ca":()=>e.e(69).then(e.bind(null,487)),"v-0f11953d":()=>e.e(71).then(e.bind(null,488)),"v-de7917b6":()=>e.e(70).then(e.bind(null,489)),"v-8f774586":()=>e.e(72).then(e.bind(null,490)),"v-4f17a19d":()=>e.e(73).then(e.bind(null,491)),"v-ffcf4406":()=>e.e(74).then(e.bind(null,492)),"v-ed85c306":()=>e.e(75).then(e.bind(null,493)),"v-79f854d2":()=>e.e(77).then(e.bind(null,494)),"v-a53ecf06":()=>e.e(78).then(e.bind(null,495)),"v-224dfd1d":()=>e.e(79).then(e.bind(null,496)),"v-188d5d06":()=>e.e(76).then(e.bind(null,497)),"v-e1c46312":()=>e.e(80).then(e.bind(null,498)),"v-4dd91745":()=>e.e(81).then(e.bind(null,499)),"v-5cbaa4bd":()=>e.e(82).then(e.bind(null,500)),"v-25be76ab":()=>e.e(83).then(e.bind(null,501)),"v-0d73d593":()=>e.e(86).then(e.bind(null,502)),"v-fe2fae0e":()=>e.e(84).then(e.bind(null,503)),"v-9e862306":()=>e.e(87).then(e.bind(null,504)),"v-14b16052":()=>e.e(85).then(e.bind(null,505)),"v-22325356":()=>e.e(88).then(e.bind(null,506)),"v-c5c24e7a":()=>e.e(89).then(e.bind(null,507)),"v-76c7a746":()=>e.e(90).then(e.bind(null,508)),"v-19c0057d":()=>e.e(91).then(e.bind(null,509)),"v-940803b2":()=>e.e(92).then(e.bind(null,510)),"v-2f3a8d3f":()=>e.e(93).then(e.bind(null,511)),"v-5f6c329d":()=>e.e(94).then(e.bind(null,512)),"v-bc3af7aa":()=>e.e(95).then(e.bind(null,513)),"v-5eb79d3d":()=>e.e(96).then(e.bind(null,514)),"v-13db7dfd":()=>e.e(97).then(e.bind(null,515)),"v-21782935":()=>e.e(98).then(e.bind(null,516)),"v-dd2b401a":()=>e.e(100).then(e.bind(null,517)),"v-246c16bd":()=>e.e(99).then(e.bind(null,518)),"v-0fc2653f":()=>e.e(101).then(e.bind(null,519)),"v-3ae674fd":()=>e.e(102).then(e.bind(null,520)),"v-39b04a87":()=>e.e(103).then(e.bind(null,521)),"v-45140bd3":()=>e.e(104).then(e.bind(null,522)),"v-4719da06":()=>e.e(106).then(e.bind(null,523)),"v-f2852e62":()=>e.e(105).then(e.bind(null,524))};function nt(n){const t=Object.create(null);return function(e){return t[e]||(t[e]=n(e))}}const tt=/-(\w)/g,et=nt(n=>n.replace(tt,(n,t)=>t?t.toUpperCase():"")),ot=/\B([A-Z])/g,at=nt(n=>n.replace(ot,"-$1").toLowerCase()),it=nt(n=>n.charAt(0).toUpperCase()+n.slice(1));function rt(n,t){if(!t)return;if(n(t))return n(t);return t.includes("-")?n(it(et(t))):n(it(t))||n(at(t))}const st=Object.assign({},Zn,Qn),lt=n=>st[n],ct=n=>Qn[n],dt=n=>Zn[n],ut=n=>r.a.component(n);function ht(n){return rt(ct,n)}function ft(n){return rt(dt,n)}function pt(n){return rt(lt,n)}function bt(n){return rt(ut,n)}function vt(...n){return Promise.all(n.filter(n=>n).map(async n=>{if(!bt(n)&&pt(n)){const t=await pt(n)();r.a.component(n,t.default)}}))}function gt(n,t){"undefined"!=typeof window&&window.__VUEPRESS__&&(window.__VUEPRESS__[n]=t)}var mt=e(106),yt=e.n(mt),xt=e(107),wt=e.n(xt),Ot={created(){if(this.siteMeta=this.$site.headTags.filter(([n])=>"meta"===n).map(([n,t])=>t),this.$ssrContext){const t=this.getMergedMetaTags();this.$ssrContext.title=this.$title,this.$ssrContext.lang=this.$lang,this.$ssrContext.pageMeta=(n=t)?n.map(n=>{let t="{t+=` ${e}="${wt()(n[e])}"`}),t+">"}).join("\n "):"",this.$ssrContext.canonicalLink=kt(this.$canonicalUrl)}var n},mounted(){this.currentMetaTags=[...document.querySelectorAll("meta")],this.updateMeta(),this.updateCanonicalLink()},methods:{updateMeta(){document.title=this.$title,document.documentElement.lang=this.$lang;const n=this.getMergedMetaTags();this.currentMetaTags=_t(n,this.currentMetaTags)},getMergedMetaTags(){const n=this.$page.frontmatter.meta||[];return yt()([{name:"description",content:this.$description}],n,this.siteMeta,St)},updateCanonicalLink(){Ct(),this.$canonicalUrl&&document.head.insertAdjacentHTML("beforeend",kt(this.$canonicalUrl))}},watch:{$page(){this.updateMeta(),this.updateCanonicalLink()}},beforeDestroy(){_t(null,this.currentMetaTags),Ct()}};function Ct(){const n=document.querySelector("link[rel='canonical']");n&&n.remove()}function kt(n=""){return n?``:""}function _t(n,t){if(t&&[...t].filter(n=>n.parentNode===document.head).forEach(n=>document.head.removeChild(n)),n)return n.map(n=>{const t=document.createElement("meta");return Object.keys(n).forEach(e=>{t.setAttribute(e,n[e])}),document.head.appendChild(t),t})}function St(n){for(const t of["name","property","itemprop"])if(n.hasOwnProperty(t))return n[t]+t;return JSON.stringify(n)}var Dt=e(108),At={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)}},Mt=e(31),Pt=e.n(Mt),jt={mounted(){Pt.a.configure({showSpinner:!1}),this.$router.beforeEach((n,t,e)=>{n.path===t.path||r.a.component(n.name)||Pt.a.start(),e()}),this.$router.afterEach(()=>{Pt.a.done(),this.isSidebarOpen=!1})}},Tt=e(12),It=e.n(Tt),Et=e(109),Lt=e(110),Nt=e(22),Rt=e(23),Vt=e(104),Ut=r.a.extend({components:{DropdownLink:Vt.a},props:{item:{type:Object,required:!0}}}),zt=(e(254),e(4)),Wt=Object(zt.a)(Ut,(function(){var n=this._self._c;this._self._setupProxy;return n("div",{staticClass:"versions-dropdown nav-item can-hide"},[n("dropdown-link",{attrs:{item:this.item}})],1)}),[],!1,null,"3dd359e2",null).exports;const Ft=It.a.filters||{};function Bt(n,t,e){let o=Object(Nt.resolveTemplate)(n,t,e);o.startsWith("/")&&(o=`${window.location.origin}${o}`);const a=`${window.location.origin}${It.a.base}`;return o.startsWith(a)?o.substring(a.length)+"/":o}function Yt(n,t){if(n.exclude){const e=new RegExp(n.exclude);t=t.filter(({name:n})=>!n.match(e))}let e=Object(Rt.collapseVersions)(n,t);return n.limit>0&&(e=e.slice(0,n.limit)),e.map(t=>{const{target:e}=n,o=Object(Rt.describeVersion)(t);return{target:e,text:Object(Nt.resolveTemplate)(n.text,o,Ft),link:Bt(n.link,o,Ft)}})}function $t(n,t){const e=n.menu;if(!e)return{};const o=t.find(t=>t.name===n.version)||{name:n.version,tag:null},a=Object(Rt.describeVersion)(o),i=Object(Nt.resolveTemplate)(e.text,a,Ft);return{items:function n(t,e,o){const a=[];for(const i of t)if("versions"===i.type)a.push(...Yt({group:"minor",link:"/{{version}}/",text:"{{version}}",...i},e));else{const t=Object(Rt.describeVersion)(o),r=Object(Nt.resolveTemplate)(i.text||"",t,Ft);i.items?a.push({...i,text:r,type:"links",items:n(i.items,e,o)}):a.push({...i,text:r,link:Bt(i.link||"",t,Ft)})}return a}(e.items||[],t,o),text:i}}const Xt=r.a.observable({inserted:!1,dropdown:{}});var Ht=[Ot,At,jt,{async mounted(){{const n=$t(It.a,It.a.versions||[]);r.a.set(Xt,"dropdown",n)}try{const n=await Object(Lt.fetchNpmVersions)(fetch,It.a.name),t=$t(It.a,n);Object.assign(Xt.dropdown,t)}catch(n){console.error("Failed to retrieve available versions")}},async updated(){const n=this.$router;if(!Xt.inserted){for(const t of It.a.menu.locations){const e={item:Xt.dropdown},o=new Wt({router:n,propsData:e}).$mount();Object(Et.injectElement)(this.$el,o.$el,t)}Xt.inserted=!0}}}],Jt={name:"GlobalLayout",computed:{layout(){const n=this.getLayout();return gt("layout",n),r.a.component(n)}},methods:{getLayout(){if(this.$page.path){const n=this.$page.frontmatter.layout;return n&&(this.$vuepress.getLayoutAsyncComponent(n)||this.$vuepress.getVueComponent(n))?n:"Layout"}return"NotFound"}}},qt=Object(zt.a)(Jt,(function(){return(0,this._self._c)(this.layout,{tag:"component"})}),[],!1,null,null,null).exports;!function(n,t,e){switch(t){case"components":n[t]||(n[t]={}),Object.assign(n[t],e);break;case"mixins":n[t]||(n[t]=[]),n[t].push(...e);break;default:throw new Error("Unknown option name.")}}(qt,"mixins",Ht);const Gt=[{name:"v-4a62f668",path:"/api/",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-4a62f668").then(e)}},{path:"/api/index.html",redirect:"/api/"},{name:"v-3b83533d",path:"/api/interfaces/AnnotationBoxModel.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-3b83533d").then(e)}},{name:"v-2d43a12f",path:"/api/interfaces/AnnotationElement.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-2d43a12f").then(e)}},{name:"v-2bdf7887",path:"/api/interfaces/AnnotationHooks.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-2bdf7887").then(e)}},{name:"v-19fc5046",path:"/api/interfaces/AnnotationEvents.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-19fc5046").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-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-4b4d89e9",path:"/api/interfaces/CoreAnnotationOptions.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-4b4d89e9").then(e)}},{name:"v-6b2059b3",path:"/api/interfaces/ControlPointOptions.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-6b2059b3").then(e)}},{name:"v-c42c2106",path:"/api/interfaces/CoreLabelOptions.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-c42c2106").then(e)}},{name:"v-49180d06",path:"/api/interfaces/EllipseAnnotationOptions.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-49180d06").then(e)}},{name:"v-29e3487d",path:"/api/interfaces/EventContext.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-29e3487d").then(e)}},{name:"v-f13aec06",path:"/api/interfaces/LabelAnnotationOptions.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-f13aec06").then(e)}},{name:"v-3e5dcf1d",path:"/api/interfaces/LabelOptions.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-3e5dcf1d").then(e)}},{name:"v-35d1c17d",path:"/api/interfaces/LabelPadding.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-35d1c17d").then(e)}},{name:"v-361cec5e",path:"/api/interfaces/LabelPositionObject.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-361cec5e").then(e)}},{name:"v-07090646",path:"/api/interfaces/LabelTypeOptions.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-07090646").then(e)}},{name:"v-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-0e308dd1",path:"/guide/developers.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-0e308dd1").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-1b86f686",path:"/guide/integration.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-1b86f686").then(e)}},{name:"v-51daecc6",path:"/guide/migrationV1.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-51daecc6").then(e)}},{name:"v-121872fd",path:"/guide/migrationV2.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-121872fd").then(e)}},{name:"v-4d1e5c5d",path:"/guide/migrationV3.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-4d1e5c5d").then(e)}},{name:"v-15f8e6fd",path:"/guide/options.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-15f8e6fd").then(e)}},{name:"v-67fac0e2",path:"/guide/types/_commonOptions.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-67fac0e2").then(e)}},{name:"v-0db22306",path:"/guide/types/_commonInnerLabel.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-0db22306").then(e)}},{name:"v-26692906",path:"/guide/types/ellipse.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-26692906").then(e)}},{name:"v-5b88421d",path:"/guide/types/box.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-5b88421d").then(e)}},{name:"v-49aea27d",path:"/guide/types/label.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-49aea27d").then(e)}},{name:"v-37e66462",path:"/guide/types/line.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-37e66462").then(e)}},{name:"v-90c1ce06",path:"/guide/types/point.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-90c1ce06").then(e)}},{name:"v-33db82fd",path:"/guide/types/polygon.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-33db82fd").then(e)}},{name:"v-942110c6",path:"/guide/usage.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-942110c6").then(e)}},{name:"v-ebb19754",path:"/",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-ebb19754").then(e)}},{path:"/index.html",redirect:"/"},{name:"v-54f14cdd",path:"/samples/box/basic.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-54f14cdd").then(e)}},{name:"v-43e4cf76",path:"/samples/box/canvas.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-43e4cf76").then(e)}},{name:"v-366650ca",path:"/samples/box/disclosure.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-366650ca").then(e)}},{name:"v-fac884d6",path:"/samples/box/gradient.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-fac884d6").then(e)}},{name:"v-f46f9a86",path:"/samples/box/image.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-f46f9a86").then(e)}},{name:"v-b3a5649a",path:"/samples/box/initAnim.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-b3a5649a").then(e)}},{name:"v-a827b1b2",path:"/samples/box/quarters.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-a827b1b2").then(e)}},{name:"v-f0a8046a",path:"/samples/charts/bar.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-f0a8046a").then(e)}},{name:"v-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-14c8b49f",path:"/samples/ellipse/rotation.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-14c8b49f").then(e)}},{name:"v-475451bd",path:"/samples/ellipse/label.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-475451bd").then(e)}},{name:"v-532157ca",path:"/samples/interaction/cartesianplane.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-532157ca").then(e)}},{name:"v-0f11953d",path:"/samples/interaction/interaction.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-0f11953d").then(e)}},{name:"v-de7917b6",path:"/samples/interaction/dragging.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-de7917b6").then(e)}},{name:"v-8f774586",path:"/samples/interaction/selection.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-8f774586").then(e)}},{name:"v-4f17a19d",path:"/samples/intro.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-4f17a19d").then(e)}},{name:"v-ffcf4406",path:"/samples/label/autoscaling.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-ffcf4406").then(e)}},{name:"v-ed85c306",path:"/samples/label/basic.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-ed85c306").then(e)}},{name:"v-79f854d2",path:"/samples/label/canvas.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-79f854d2").then(e)}},{name:"v-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-188d5d06",path:"/samples/label/callout.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-188d5d06").then(e)}},{name:"v-e1c46312",path:"/samples/label/innerChart.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-e1c46312").then(e)}},{name:"v-4dd91745",path:"/samples/label/lowerUpper.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-4dd91745").then(e)}},{name:"v-5cbaa4bd",path:"/samples/label/point.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-5cbaa4bd").then(e)}},{name:"v-25be76ab",path:"/samples/line/animation.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-25be76ab").then(e)}},{name:"v-0d73d593",path:"/samples/line/callout.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-0d73d593").then(e)}},{name:"v-fe2fae0e",path:"/samples/line/average.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-fe2fae0e").then(e)}},{name:"v-9e862306",path:"/samples/line/canvas.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-9e862306").then(e)}},{name:"v-14b16052",path:"/samples/line/basic.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-14b16052").then(e)}},{name:"v-22325356",path:"/samples/line/curve.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-22325356").then(e)}},{name:"v-c5c24e7a",path:"/samples/line/datasetBars.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-c5c24e7a").then(e)}},{name:"v-76c7a746",path:"/samples/line/hook.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-76c7a746").then(e)}},{name:"v-19c0057d",path:"/samples/line/image.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-19c0057d").then(e)}},{name:"v-940803b2",path:"/samples/line/labelVisibility.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-940803b2").then(e)}},{name:"v-2f3a8d3f",path:"/samples/line/limited.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-2f3a8d3f").then(e)}},{name:"v-5f6c329d",path:"/samples/line/lowerUpper.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-5f6c329d").then(e)}},{name:"v-bc3af7aa",path:"/samples/line/standardDeviation.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-bc3af7aa").then(e)}},{name:"v-5eb79d3d",path:"/samples/line/visibility.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-5eb79d3d").then(e)}},{name:"v-13db7dfd",path:"/samples/point/basic.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-13db7dfd").then(e)}},{name:"v-21782935",path:"/samples/point/combined.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-21782935").then(e)}},{name:"v-dd2b401a",path:"/samples/point/outsideChartArea.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-dd2b401a").then(e)}},{name:"v-246c16bd",path:"/samples/point/initAnim.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-246c16bd").then(e)}},{name:"v-0fc2653f",path:"/samples/point/shadow.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-0fc2653f").then(e)}},{name:"v-3ae674fd",path:"/samples/polygon/basic.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-3ae674fd").then(e)}},{name:"v-39b04a87",path:"/samples/polygon/outsideChartArea.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-39b04a87").then(e)}},{name:"v-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" | number \n Defined in \n options.d.ts:6 \n LabelPosition \n Ƭ LabelPosition : "start" | "center" | "end" | percentString \n Defined in \n label.d.ts:6 \n LabelTextAlign \n Ƭ LabelTextAlign : "left" | "start" | "center" | "right" | "end" \n Defined in \n label.d.ts:8 \n ScaleValue \n Ƭ ScaleValue : number | string \n Defined in \n options.d.ts:27 \n Scriptable \n Ƭ Scriptable < T , TContext >: T | ( ctx : TContext , options : AnnotationOptions ) => T \n Type parameters \n \n \n \n Name \n \n \n \n \n T \n \n \n TContext \n Defined in \n options.d.ts:26 \n percentString \n Ƭ percentString : `${number}%` \n Defined in \n label.d.ts:5 \n Variables \n default \n • Const default : Plugin & { getAnnotations : ( chart : Chart ) => AnnotationElement [] } \n Defined in \n index.d.ts:21 \n'},{title:"Interface: AnnotationBoxModel",frontmatter:{},regularPath:"/api/interfaces/AnnotationBoxModel.html",relativePath:"api/interfaces/AnnotationBoxModel.md",key:"v-3b83533d",path:"/api/interfaces/AnnotationBoxModel.html",headers:[{level:2,title:"Hierarchy",slug:"hierarchy"},{level:2,title:"Properties",slug:"properties"},{level:3,title:"centerX",slug:"centerx"},{level:3,title:"centerY",slug:"centery"},{level:3,title:"height",slug:"height"},{level:3,title:"radius",slug:"radius"},{level:3,title:"width",slug:"width"},{level:3,title:"x",slug:"x"},{level:3,title:"x2",slug:"x2"},{level:3,title:"y",slug:"y"},{level:3,title:"y2",slug:"y2"}],content:" Interface: AnnotationBoxModel \n Hierarchy \n \n \n AnnotationBoxModel \n ↳ AnnotationElement \n Properties \n centerX \n • centerX : number \n Defined in \n element.d.ts:8 \n centerY \n • centerY : number \n Defined in \n element.d.ts:9 \n height \n • height : number \n Defined in \n element.d.ts:10 \n radius \n • Optional radius : number \n Defined in \n element.d.ts:12 \n width \n • width : number \n Defined in \n element.d.ts:11 \n x \n • x : number \n Defined in \n element.d.ts:4 \n x2 \n • x2 : number \n Defined in \n element.d.ts:6 \n y \n • y : number \n Defined in \n element.d.ts:5 \n y2 \n • y2 : number \n Defined in \n element.d.ts:7 \n"},{title:"Interface: AnnotationElement",frontmatter:{},regularPath:"/api/interfaces/AnnotationElement.html",relativePath:"api/interfaces/AnnotationElement.md",key:"v-2d43a12f",path:"/api/interfaces/AnnotationElement.html",headers:[{level:2,title:"Hierarchy",slug:"hierarchy"},{level:2,title:"Properties",slug:"properties"},{level:3,title:"centerX",slug:"centerx"},{level:3,title:"centerY",slug:"centery"},{level:3,title:"height",slug:"height"},{level:3,title:"label",slug:"label"},{level:3,title:"options",slug:"options"},{level:3,title:"radius",slug:"radius"},{level:3,title:"width",slug:"width"},{level:3,title:"x",slug:"x"},{level:3,title:"x2",slug:"x2"},{level:3,title:"y",slug:"y"},{level:3,title:"y2",slug:"y2"}],content:" Interface: AnnotationElement \n Hierarchy \n \n \n AnnotationBoxModel \n ↳ AnnotationElement \n Properties \n centerX \n • centerX : number \n Inherited from \n AnnotationBoxModel . centerX \n Defined in \n element.d.ts:8 \n centerY \n • centerY : number \n Inherited from \n AnnotationBoxModel . centerY \n Defined in \n element.d.ts:9 \n height \n • height : number \n Inherited from \n AnnotationBoxModel . height \n Defined in \n element.d.ts:10 \n label \n • Optional label : AnnotationElement \n Defined in \n element.d.ts:16 \n options \n • options : AnnotationOptions \n Defined in \n element.d.ts:17 \n radius \n • Optional radius : number \n Inherited from \n AnnotationBoxModel . radius \n Defined in \n element.d.ts:12 \n width \n • width : number \n Inherited from \n AnnotationBoxModel . width \n Defined in \n element.d.ts:11 \n x \n • x : number \n Inherited from \n AnnotationBoxModel . x \n Defined in \n element.d.ts:4 \n x2 \n • x2 : number \n Inherited from \n AnnotationBoxModel . x2 \n Defined in \n element.d.ts:6 \n y \n • y : number \n Inherited from \n AnnotationBoxModel . y \n Defined in \n element.d.ts:5 \n y2 \n • y2 : number \n Inherited from \n AnnotationBoxModel . y2 \n Defined in \n element.d.ts:7 \n"},{title:"Interface: 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: AnnotationEvents",frontmatter:{},regularPath:"/api/interfaces/AnnotationEvents.html",relativePath:"api/interfaces/AnnotationEvents.md",key:"v-19fc5046",path:"/api/interfaces/AnnotationEvents.html",headers:[{level:2,title:"Hierarchy",slug:"hierarchy"},{level:2,title:"Methods",slug:"methods"},{level:3,title:"click",slug:"click"},{level:3,title:"enter",slug:"enter"},{level:3,title:"leave",slug:"leave"}],content:" Interface: AnnotationEvents \n Hierarchy \n \n \n AnnotationEvents \n ↳ CoreAnnotationOptions \n ↳ AnnotationPluginOptions \n Methods \n click \n ▸ Optional click ( context , event ): boolean | void \n Parameters \n \n \n \n Name \n Type \n \n \n \n \n context \n EventContext \n \n \n event \n ChartEvent \n Returns \n boolean | void \n Defined in \n events.d.ts:27 \n enter \n ▸ Optional enter ( context , event ): boolean | void \n Parameters \n \n \n \n Name \n Type \n \n \n \n \n context \n EventContext \n \n \n event \n ChartEvent \n Returns \n boolean | void \n Defined in \n events.d.ts:25 \n leave \n ▸ Optional leave ( context , event ): boolean | void \n Parameters \n \n \n \n Name \n Type \n \n \n \n \n context \n EventContext \n \n \n event \n ChartEvent \n Returns \n boolean | void \n Defined in \n events.d.ts:26 \n"},{title:"Interface: AnnotationPluginOptions",frontmatter:{},regularPath:"/api/interfaces/AnnotationPluginOptions.html",relativePath:"api/interfaces/AnnotationPluginOptions.md",key:"v-d5f286de",path:"/api/interfaces/AnnotationPluginOptions.html",headers:[{level:2,title:"Hierarchy",slug:"hierarchy"},{level:2,title:"Properties",slug:"properties"},{level:3,title:"animations",slug:"animations"},{level:3,title:"annotations",slug:"annotations"},{level:3,title:"clip",slug:"clip"},{level:3,title:"common",slug:"common"},{level:3,title:"interaction",slug:"interaction"},{level:2,title:"Methods",slug:"methods"},{level:3,title:"afterDraw",slug:"afterdraw"},{level:3,title:"beforeDraw",slug:"beforedraw"},{level:3,title:"click",slug:"click"},{level:3,title:"enter",slug:"enter"},{level:3,title:"leave",slug:"leave"}],content:" Interface: AnnotationPluginOptions \n Hierarchy \n \n \n AnnotationEvents \n \n \n AnnotationHooks \n ↳ AnnotationPluginOptions \n Properties \n animations \n • Optional animations : Record < string , unknown > \n Defined in \n options.d.ts:153 \n annotations \n • annotations : Record < string , AnnotationOptions > | AnnotationOptions [] \n Defined in \n options.d.ts:154 \n clip \n • Optional clip : boolean \n Defined in \n options.d.ts:155 \n common \n • Optional common : BoxAnnotationOptions | EllipseAnnotationOptions | LabelAnnotationOptions | LineAnnotationOptions | PointAnnotationOptions | PolygonAnnotationOptions \n Defined in \n options.d.ts:156 \n interaction \n • Optional interaction : CoreInteractionOptions \n Defined in \n options.d.ts:157 \n Methods \n afterDraw \n ▸ Optional afterDraw ( context ): void \n Parameters \n \n \n \n Name \n Type \n \n \n \n \n context \n EventContext \n Returns \n void \n Inherited from \n AnnotationHooks . afterDraw \n Defined in \n options.d.ts:23 \n beforeDraw \n ▸ Optional beforeDraw ( context ): void \n Parameters \n \n \n \n Name \n Type \n \n \n \n \n context \n EventContext \n Returns \n void \n Inherited from \n AnnotationHooks . beforeDraw \n Defined in \n options.d.ts:22 \n click \n ▸ Optional click ( context , event ): boolean | void \n Parameters \n \n \n \n Name \n Type \n \n \n \n \n context \n EventContext \n \n \n event \n ChartEvent \n Returns \n boolean | void \n Inherited from \n AnnotationEvents . click \n Defined in \n events.d.ts:27 \n enter \n ▸ Optional enter ( context , event ): boolean | void \n Parameters \n \n \n \n Name \n Type \n \n \n \n \n context \n EventContext \n \n \n event \n ChartEvent \n Returns \n boolean | void \n Inherited from \n AnnotationEvents . enter \n Defined in \n events.d.ts:25 \n leave \n ▸ Optional leave ( context , event ): boolean | void \n Parameters \n \n \n \n Name \n Type \n \n \n \n \n context \n EventContext \n \n \n event \n ChartEvent \n Returns \n boolean | void \n Inherited from \n AnnotationEvents . leave \n Defined in \n events.d.ts:26 \n"},{title:"Interface: AnnotationPointCoordinates",frontmatter:{},regularPath:"/api/interfaces/AnnotationPointCoordinates.html",relativePath:"api/interfaces/AnnotationPointCoordinates.md",key:"v-25f1271d",path:"/api/interfaces/AnnotationPointCoordinates.html",headers:[{level:2,title:"Hierarchy",slug:"hierarchy"},{level:2,title:"Properties",slug:"properties"},{level:3,title:"xValue",slug:"xvalue"},{level:3,title:"yValue",slug:"yvalue"}],content:" Interface: AnnotationPointCoordinates \n Hierarchy \n \n \n AnnotationPointCoordinates \n ↳ PointAnnotationOptions \n ↳ LabelAnnotationOptions \n ↳ PolygonAnnotationOptions \n Properties \n xValue \n • Optional xValue : Scriptable < ScaleValue , PartialEventContext > \n Defined in \n options.d.ts:58 \n yValue \n • Optional yValue : Scriptable < ScaleValue , PartialEventContext > \n Defined in \n options.d.ts:59 \n"},{title:"Interface: AnnotationTypeRegistry",frontmatter:{},regularPath:"/api/interfaces/AnnotationTypeRegistry.html",relativePath:"api/interfaces/AnnotationTypeRegistry.md",key:"v-1c40ad9d",path:"/api/interfaces/AnnotationTypeRegistry.html",headers:[{level:2,title:"Properties",slug:"properties"},{level:3,title:"box",slug:"box"},{level:3,title:"ellipse",slug:"ellipse"},{level:3,title:"label",slug:"label"},{level:3,title:"line",slug:"line"},{level:3,title:"point",slug:"point"},{level:3,title:"polygon",slug:"polygon"}],content:" Interface: AnnotationTypeRegistry \n Properties \n box \n • box : BoxAnnotationOptions \n Defined in \n options.d.ts:9 \n ellipse \n • ellipse : EllipseAnnotationOptions \n Defined in \n options.d.ts:10 \n label \n • label : LabelAnnotationOptions \n Defined in \n options.d.ts:11 \n line \n • line : LineAnnotationOptions \n Defined in \n options.d.ts:12 \n point \n • point : PointAnnotationOptions \n Defined in \n options.d.ts:13 \n polygon \n • polygon : PolygonAnnotationOptions \n Defined in \n options.d.ts:14 \n"},{title:"Interface: ArrowHeadOptions",frontmatter:{},regularPath:"/api/interfaces/ArrowHeadOptions.html",relativePath:"api/interfaces/ArrowHeadOptions.md",key:"v-bc74aa06",path:"/api/interfaces/ArrowHeadOptions.html",headers:[{level:2,title:"Hierarchy",slug:"hierarchy"},{level:2,title:"Properties",slug:"properties"},{level:3,title:"backgroundColor",slug:"backgroundcolor"},{level:3,title:"backgroundShadowColor",slug:"backgroundshadowcolor"},{level:3,title:"borderColor",slug:"bordercolor"},{level:3,title:"borderDash",slug:"borderdash"},{level:3,title:"borderDashOffset",slug:"borderdashoffset"},{level:3,title:"borderShadowColor",slug:"bordershadowcolor"},{level:3,title:"borderWidth",slug:"borderwidth"},{level:3,title:"display",slug:"display"},{level:3,title:"fill",slug:"fill"},{level:3,title:"length",slug:"length"},{level:3,title:"shadowBlur",slug:"shadowblur"},{level:3,title:"shadowOffsetX",slug:"shadowoffsetx"},{level:3,title:"shadowOffsetY",slug:"shadowoffsety"},{level:3,title:"width",slug:"width"}],content:" Interface: ArrowHeadOptions \n Hierarchy \n \n \n ShadowOptions \n ↳ ArrowHeadOptions \n ↳↳ ArrowHeadsOptions \n Properties \n backgroundColor \n • Optional backgroundColor : Scriptable < Color , PartialEventContext > \n Defined in \n options.d.ts:63 \n backgroundShadowColor \n • Optional backgroundShadowColor : Scriptable < Color , PartialEventContext > \n Inherited from \n ShadowOptions . backgroundShadowColor \n Defined in \n options.d.ts:30 \n borderColor \n • Optional borderColor : Scriptable < Color , PartialEventContext > \n Defined in \n options.d.ts:64 \n borderDash \n • Optional borderDash : Scriptable < number [], PartialEventContext > \n Defined in \n options.d.ts:65 \n borderDashOffset \n • Optional borderDashOffset : Scriptable < number , PartialEventContext > \n Defined in \n options.d.ts:66 \n borderShadowColor \n • Optional borderShadowColor : Scriptable < Color , PartialEventContext > \n Inherited from \n ShadowOptions . borderShadowColor \n Defined in \n options.d.ts:31 \n borderWidth \n • Optional borderWidth : Scriptable < number , PartialEventContext > \n Defined in \n options.d.ts:67 \n display \n • Optional display : Scriptable < boolean , PartialEventContext > \n Defined in \n options.d.ts:68 \n fill \n • Optional fill : Scriptable < boolean , PartialEventContext > \n Defined in \n options.d.ts:69 \n length \n • Optional length : Scriptable < number , PartialEventContext > \n Defined in \n options.d.ts:70 \n shadowBlur \n • Optional shadowBlur : Scriptable < number , PartialEventContext > \n Inherited from \n ShadowOptions . shadowBlur \n Defined in \n options.d.ts:32 \n shadowOffsetX \n • Optional shadowOffsetX : Scriptable < number , PartialEventContext > \n Inherited from \n ShadowOptions . shadowOffsetX \n Defined in \n options.d.ts:33 \n shadowOffsetY \n • Optional shadowOffsetY : Scriptable < number , PartialEventContext > \n Inherited from \n ShadowOptions . shadowOffsetY \n Defined in \n options.d.ts:34 \n width \n • Optional width : Scriptable < number , PartialEventContext > \n Defined in \n options.d.ts:71 \n"},{title:"Interface: ArrowHeadsOptions",frontmatter:{},regularPath:"/api/interfaces/ArrowHeadsOptions.html",relativePath:"api/interfaces/ArrowHeadsOptions.md",key:"v-15088ca1",path:"/api/interfaces/ArrowHeadsOptions.html",headers:[{level:2,title:"Hierarchy",slug:"hierarchy"},{level:2,title:"Properties",slug:"properties"},{level:3,title:"backgroundColor",slug:"backgroundcolor"},{level:3,title:"backgroundShadowColor",slug:"backgroundshadowcolor"},{level:3,title:"borderColor",slug:"bordercolor"},{level:3,title:"borderDash",slug:"borderdash"},{level:3,title:"borderDashOffset",slug:"borderdashoffset"},{level:3,title:"borderShadowColor",slug:"bordershadowcolor"},{level:3,title:"borderWidth",slug:"borderwidth"},{level:3,title:"display",slug:"display"},{level:3,title:"end",slug:"end"},{level:3,title:"fill",slug:"fill"},{level:3,title:"length",slug:"length"},{level:3,title:"shadowBlur",slug:"shadowblur"},{level:3,title:"shadowOffsetX",slug:"shadowoffsetx"},{level:3,title:"shadowOffsetY",slug:"shadowoffsety"},{level:3,title:"start",slug:"start"},{level:3,title:"width",slug:"width"}],content:" Interface: ArrowHeadsOptions \n Hierarchy \n \n \n ArrowHeadOptions \n ↳ ArrowHeadsOptions \n Properties \n backgroundColor \n • Optional backgroundColor : Scriptable < Color , PartialEventContext > \n Inherited from \n ArrowHeadOptions . backgroundColor \n Defined in \n options.d.ts:63 \n backgroundShadowColor \n • Optional backgroundShadowColor : Scriptable < Color , PartialEventContext > \n Inherited from \n ArrowHeadOptions . backgroundShadowColor \n Defined in \n options.d.ts:30 \n borderColor \n • Optional borderColor : Scriptable < Color , PartialEventContext > \n Inherited from \n ArrowHeadOptions . borderColor \n Defined in \n options.d.ts:64 \n borderDash \n • Optional borderDash : Scriptable < number [], PartialEventContext > \n Inherited from \n ArrowHeadOptions . borderDash \n Defined in \n options.d.ts:65 \n borderDashOffset \n • Optional borderDashOffset : Scriptable < number , PartialEventContext > \n Inherited from \n ArrowHeadOptions . borderDashOffset \n Defined in \n options.d.ts:66 \n borderShadowColor \n • Optional borderShadowColor : Scriptable < Color , PartialEventContext > \n Inherited from \n ArrowHeadOptions . borderShadowColor \n Defined in \n options.d.ts:31 \n borderWidth \n • Optional borderWidth : Scriptable < number , PartialEventContext > \n Inherited from \n ArrowHeadOptions . borderWidth \n Defined in \n options.d.ts:67 \n display \n • Optional display : Scriptable < boolean , PartialEventContext > \n Inherited from \n ArrowHeadOptions . display \n Defined in \n options.d.ts:68 \n end \n • Optional end : ArrowHeadOptions \n Defined in \n options.d.ts:75 \n fill \n • Optional fill : Scriptable < boolean , PartialEventContext > \n Inherited from \n ArrowHeadOptions . fill \n Defined in \n options.d.ts:69 \n length \n • Optional length : Scriptable < number , PartialEventContext > \n Inherited from \n ArrowHeadOptions . length \n Defined in \n options.d.ts:70 \n shadowBlur \n • Optional shadowBlur : Scriptable < number , PartialEventContext > \n Inherited from \n ArrowHeadOptions . shadowBlur \n Defined in \n options.d.ts:32 \n shadowOffsetX \n • Optional shadowOffsetX : Scriptable < number , PartialEventContext > \n Inherited from \n ArrowHeadOptions . shadowOffsetX \n Defined in \n options.d.ts:33 \n shadowOffsetY \n • Optional shadowOffsetY : Scriptable < number , PartialEventContext > \n Inherited from \n ArrowHeadOptions . shadowOffsetY \n Defined in \n options.d.ts:34 \n start \n • Optional start : ArrowHeadOptions \n Defined in \n options.d.ts:76 \n width \n • Optional width : Scriptable < number , PartialEventContext > \n Inherited from \n ArrowHeadOptions . width \n Defined in \n options.d.ts:71 \n"},{title:"Interface: BoxAnnotationOptions",frontmatter:{},regularPath:"/api/interfaces/BoxAnnotationOptions.html",relativePath:"api/interfaces/BoxAnnotationOptions.md",key:"v-2e4ca05d",path:"/api/interfaces/BoxAnnotationOptions.html",headers:[{level:2,title:"Hierarchy",slug:"hierarchy"},{level:2,title:"Properties",slug:"properties"},{level:3,title:"adjustScaleRange",slug:"adjustscalerange"},{level:3,title:"backgroundColor",slug:"backgroundcolor"},{level:3,title:"backgroundShadowColor",slug:"backgroundshadowcolor"},{level:3,title:"borderCapStyle",slug:"bordercapstyle"},{level:3,title:"borderColor",slug:"bordercolor"},{level:3,title:"borderDash",slug:"borderdash"},{level:3,title:"borderDashOffset",slug:"borderdashoffset"},{level:3,title:"borderJoinStyle",slug:"borderjoinstyle"},{level:3,title:"borderRadius",slug:"borderradius"},{level:3,title:"borderShadowColor",slug:"bordershadowcolor"},{level:3,title:"borderWidth",slug:"borderwidth"},{level:3,title:"display",slug:"display"},{level:3,title:"drawTime",slug:"drawtime"},{level:3,title:"hitTolerance",slug:"hittolerance"},{level:3,title:"id",slug:"id"},{level:3,title:"init",slug:"init"},{level:3,title:"label",slug:"label"},{level:3,title:"rotation",slug:"rotation"},{level:3,title:"shadowBlur",slug:"shadowblur"},{level:3,title:"shadowOffsetX",slug:"shadowoffsetx"},{level:3,title:"shadowOffsetY",slug:"shadowoffsety"},{level:3,title:"xMax",slug:"xmax"},{level:3,title:"xMin",slug:"xmin"},{level:3,title:"xScaleID",slug:"xscaleid"},{level:3,title:"yMax",slug:"ymax"},{level:3,title:"yMin",slug:"ymin"},{level:3,title:"yScaleID",slug:"yscaleid"},{level:3,title:"z",slug:"z"},{level:2,title:"Methods",slug:"methods"},{level:3,title:"afterDraw",slug:"afterdraw"},{level:3,title:"beforeDraw",slug:"beforedraw"},{level:3,title:"click",slug:"click"},{level:3,title:"enter",slug:"enter"},{level:3,title:"leave",slug:"leave"}],content:" Interface: BoxAnnotationOptions \n Hierarchy \n \n \n CoreAnnotationOptions \n ↳ BoxAnnotationOptions \n Properties \n adjustScaleRange \n • Optional adjustScaleRange : Scriptable < boolean , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . adjustScaleRange \n Defined in \n options.d.ts:38 \n backgroundColor \n • Optional backgroundColor : Scriptable < Color , PartialEventContext > \n Defined in \n options.d.ts:95 \n backgroundShadowColor \n • Optional backgroundShadowColor : Scriptable < Color , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . backgroundShadowColor \n Defined in \n options.d.ts:30 \n borderCapStyle \n • Optional borderCapStyle : Scriptable < CanvasLineCap , PartialEventContext > \n Border line cap style. See MDN. \n Default \n 'butt' \n Defined in \n options.d.ts:100 \n borderColor \n • Optional borderColor : Scriptable < Color , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . borderColor \n Defined in \n options.d.ts:39 \n borderDash \n • Optional borderDash : Scriptable < number [], PartialEventContext > \n Border line dash. See MDN. \n Default \n [] \n Overrides \n CoreAnnotationOptions . borderDash \n Defined in \n options.d.ts:105 \n borderDashOffset \n • Optional borderDashOffset : Scriptable < number , PartialEventContext > \n Border line dash offset. See MDN. \n Default \n 0.0 \n Overrides \n CoreAnnotationOptions . borderDashOffset \n Defined in \n options.d.ts:110 \n borderJoinStyle \n • Optional borderJoinStyle : Scriptable < CanvasLineJoin , PartialEventContext > \n Border line join style. See MDN. \n Default \n 'miter' \n Defined in \n options.d.ts:115 \n borderRadius \n • Optional borderRadius : Scriptable < number | BorderRadius , PartialEventContext > \n Defined in \n options.d.ts:116 \n borderShadowColor \n • Optional borderShadowColor : Scriptable < Color , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . borderShadowColor \n Defined in \n options.d.ts:31 \n borderWidth \n • Optional borderWidth : Scriptable < number , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . borderWidth \n Defined in \n options.d.ts:42 \n display \n • Optional display : Scriptable < boolean , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . display \n Defined in \n options.d.ts:43 \n drawTime \n • Optional drawTime : Scriptable < DrawTime , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . drawTime \n Defined in \n options.d.ts:44 \n hitTolerance \n • Optional hitTolerance : Scriptable < number , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . hitTolerance \n Defined in \n options.d.ts:45 \n id \n • Optional id : string \n Inherited from \n CoreAnnotationOptions . id \n Defined in \n options.d.ts:47 \n init \n • Optional init : boolean | ( chart : Chart , properties : AnnotationBoxModel , options : AnnotationOptions ) => boolean | void | AnnotationElement \n Inherited from \n CoreAnnotationOptions . init \n Defined in \n options.d.ts:46 \n label \n • Optional label : BoxLabelOptions \n Defined in \n options.d.ts:117 \n rotation \n • Optional rotation : Scriptable < number , PartialEventContext > \n Defined in \n options.d.ts:118 \n shadowBlur \n • Optional shadowBlur : Scriptable < number , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . shadowBlur \n Defined in \n options.d.ts:32 \n shadowOffsetX \n • Optional shadowOffsetX : Scriptable < number , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . shadowOffsetX \n Defined in \n options.d.ts:33 \n shadowOffsetY \n • Optional shadowOffsetY : Scriptable < number , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . shadowOffsetY \n Defined in \n options.d.ts:34 \n xMax \n • Optional xMax : Scriptable < ScaleValue , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . xMax \n Defined in \n options.d.ts:48 \n xMin \n • Optional xMin : Scriptable < ScaleValue , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . xMin \n Defined in \n options.d.ts:49 \n xScaleID \n • Optional xScaleID : Scriptable < string , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . xScaleID \n Defined in \n options.d.ts:50 \n yMax \n • Optional yMax : Scriptable < ScaleValue , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . yMax \n Defined in \n options.d.ts:51 \n yMin \n • Optional yMin : Scriptable < ScaleValue , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . yMin \n Defined in \n options.d.ts:52 \n yScaleID \n • Optional yScaleID : Scriptable < string , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . yScaleID \n Defined in \n options.d.ts:53 \n z \n • Optional z : Scriptable < number , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . z \n Defined in \n options.d.ts:54 \n Methods \n afterDraw \n ▸ Optional afterDraw ( context ): void \n Parameters \n \n \n \n Name \n Type \n \n \n \n \n context \n EventContext \n Returns \n void \n Inherited from \n CoreAnnotationOptions . afterDraw \n Defined in \n options.d.ts:23 \n beforeDraw \n ▸ Optional beforeDraw ( context ): void \n Parameters \n \n \n \n Name \n Type \n \n \n \n \n context \n EventContext \n Returns \n void \n Inherited from \n CoreAnnotationOptions . beforeDraw \n Defined in \n options.d.ts:22 \n click \n ▸ Optional click ( context , event ): boolean | void \n Parameters \n \n \n \n Name \n Type \n \n \n \n \n context \n EventContext \n \n \n event \n ChartEvent \n Returns \n boolean | void \n Inherited from \n CoreAnnotationOptions . click \n Defined in \n events.d.ts:27 \n enter \n ▸ Optional enter ( context , event ): boolean | void \n Parameters \n \n \n \n Name \n Type \n \n \n \n \n context \n EventContext \n \n \n event \n ChartEvent \n Returns \n boolean | void \n Inherited from \n CoreAnnotationOptions . enter \n Defined in \n events.d.ts:25 \n leave \n ▸ Optional leave ( context , event ): boolean | void \n Parameters \n \n \n \n Name \n Type \n \n \n \n \n context \n EventContext \n \n \n event \n ChartEvent \n Returns \n boolean | void \n Inherited from \n CoreAnnotationOptions . leave \n Defined in \n events.d.ts:26 \n"},{title:"Interface: BoxLabelOptions",frontmatter:{},regularPath:"/api/interfaces/BoxLabelOptions.html",relativePath:"api/interfaces/BoxLabelOptions.md",key:"v-1915dd1f",path:"/api/interfaces/BoxLabelOptions.html",headers:[{level:2,title:"Hierarchy",slug:"hierarchy"},{level:2,title:"Properties",slug:"properties"},{level:3,title:"color",slug:"color"},{level:3,title:"content",slug:"content"},{level:3,title:"display",slug:"display"},{level:3,title:"drawTime",slug:"drawtime"},{level:3,title:"font",slug:"font"},{level:3,title:"height",slug:"height"},{level:3,title:"hitTolerance",slug:"hittolerance"},{level:3,title:"opacity",slug:"opacity"},{level:3,title:"padding",slug:"padding"},{level:3,title:"position",slug:"position"},{level:3,title:"rotation",slug:"rotation"},{level:3,title:"textAlign",slug:"textalign"},{level:3,title:"textStrokeColor",slug:"textstrokecolor"},{level:3,title:"textStrokeWidth",slug:"textstrokewidth"},{level:3,title:"width",slug:"width"},{level:3,title:"xAdjust",slug:"xadjust"},{level:3,title:"yAdjust",slug:"yadjust"},{level:3,title:"z",slug:"z"}],content:" Interface: BoxLabelOptions \n Hierarchy \n \n \n CoreLabelOptions \n ↳ BoxLabelOptions \n Properties \n color \n • Optional color : Scriptable < Color | Color [], PartialEventContext > \n Inherited from \n CoreLabelOptions . color \n Defined in \n label.d.ts:43 \n content \n • content : Scriptable < string | string [] | HTMLCanvasElement | HTMLImageElement , PartialEventContext > \n Text to display in label. Provide an array to display multiple lines \n Inherited from \n CoreLabelOptions . content \n Defined in \n label.d.ts:73 \n display \n • Optional display : Scriptable < boolean , PartialEventContext > \n Whether the label should be displayed \n Default \n true \n Defined in \n label.d.ts:144 \n drawTime \n • Optional drawTime : Scriptable < DrawTime , PartialEventContext > \n Inherited from \n CoreLabelOptions . drawTime \n Defined in \n label.d.ts:41 \n font \n • Optional font : Scriptable < Partial < FontSpec > | Partial < FontSpec >[], PartialEventContext > \n Inherited from \n CoreLabelOptions . font \n Defined in \n label.d.ts:42 \n height \n • Optional height : Scriptable < number | `${number}%`, PartialEventContext > \n Overrides the height of the image. Could be set in pixel by a number,\nor in percentage of current height of image by a string \n Inherited from \n CoreLabelOptions . height \n Defined in \n label.d.ts:83 \n hitTolerance \n • Optional hitTolerance : Scriptable < number , PartialEventContext > \n Defined in \n label.d.ts:145 \n opacity \n • Optional opacity : Scriptable < number , PartialEventContext > \n Overrides the opacity of the image. \n Inherited from \n CoreLabelOptions . opacity \n Defined in \n label.d.ts:87 \n padding \n • Optional padding : Scriptable < number | LabelPadding , PartialEventContext > \n Padding of label \n Default \n 6 \n Inherited from \n CoreLabelOptions . padding \n Defined in \n label.d.ts:48 \n position \n • Optional position : Scriptable < LabelPosition | LabelPositionObject , PartialEventContext > \n Defined in \n label.d.ts:139 \n rotation \n • Optional rotation : Scriptable < number , PartialEventContext > \n Defined in \n label.d.ts:146 \n textAlign \n • Optional textAlign : Scriptable < LabelTextAlign , PartialEventContext > \n Text alignment when the content of the label is multi-line. \n Default \n 'center' \n Inherited from \n CoreLabelOptions . textAlign \n Defined in \n label.d.ts:53 \n textStrokeColor \n • Optional textStrokeColor : Scriptable < Color , PartialEventContext > \n Inherited from \n CoreLabelOptions . textStrokeColor \n Defined in \n label.d.ts:54 \n textStrokeWidth \n • Optional textStrokeWidth : Scriptable < number , PartialEventContext > \n Inherited from \n CoreLabelOptions . textStrokeWidth \n Defined in \n label.d.ts:55 \n width \n • Optional width : Scriptable < number | `${number}%`, PartialEventContext > \n Overrides the width of the image. Could be set in pixel by a number,\nor in percentage of current width of image by a string \n Inherited from \n CoreLabelOptions . width \n Defined in \n label.d.ts:78 \n xAdjust \n • Optional xAdjust : Scriptable < number , PartialEventContext > \n Adjustment along x-axis (left-right) of label relative to above number (can be negative)\nFor horizontal lines positioned left or right, negative values move\nthe label toward the edge, and positive values toward the center. \n Default \n 0 \n Inherited from \n CoreLabelOptions . xAdjust \n Defined in \n label.d.ts:62 \n yAdjust \n • Optional yAdjust : Scriptable < number , PartialEventContext > \n Adjustment along y-axis (top-bottom) of label relative to above number (can be negative)\nFor vertical lines positioned top or bottom, negative values move\nthe label toward the edge, and positive values toward the center. \n Default \n 0 \n Inherited from \n CoreLabelOptions . yAdjust \n Defined in \n label.d.ts:69 \n z \n • Optional z : Scriptable < number , PartialEventContext > \n Inherited from \n CoreLabelOptions . z \n Defined in \n label.d.ts:88 \n"},{title:"Interface: CalloutOptions",frontmatter:{},regularPath:"/api/interfaces/CalloutOptions.html",relativePath:"api/interfaces/CalloutOptions.md",key:"v-ec8d56c6",path:"/api/interfaces/CalloutOptions.html",headers:[{level:2,title:"Properties",slug:"properties"},{level:3,title:"borderCapStyle",slug:"bordercapstyle"},{level:3,title:"borderColor",slug:"bordercolor"},{level:3,title:"borderDash",slug:"borderdash"},{level:3,title:"borderDashOffset",slug:"borderdashoffset"},{level:3,title:"borderJoinStyle",slug:"borderjoinstyle"},{level:3,title:"borderWidth",slug:"borderwidth"},{level:3,title:"display",slug:"display"},{level:3,title:"margin",slug:"margin"},{level:3,title:"position",slug:"position"},{level:3,title:"side",slug:"side"},{level:3,title:"start",slug:"start"}],content:" Interface: CalloutOptions \n Properties \n borderCapStyle \n • Optional borderCapStyle : Scriptable < CanvasLineCap , PartialEventContext > \n Defined in \n label.d.ts:27 \n borderColor \n • Optional borderColor : Scriptable < Color , PartialEventContext > \n Defined in \n label.d.ts:28 \n borderDash \n • Optional borderDash : Scriptable < number [], PartialEventContext > \n Defined in \n label.d.ts:29 \n borderDashOffset \n • Optional borderDashOffset : Scriptable < number , PartialEventContext > \n Defined in \n label.d.ts:30 \n borderJoinStyle \n • Optional borderJoinStyle : Scriptable < CanvasLineJoin , PartialEventContext > \n Defined in \n label.d.ts:31 \n borderWidth \n • Optional borderWidth : Scriptable < number , PartialEventContext > \n Defined in \n label.d.ts:32 \n display \n • Optional display : Scriptable < boolean , PartialEventContext > \n Defined in \n label.d.ts:33 \n margin \n • Optional margin : Scriptable < number , PartialEventContext > \n Defined in \n label.d.ts:34 \n position \n • Optional position : Scriptable < CalloutPosition , PartialEventContext > \n Defined in \n label.d.ts:35 \n side \n • Optional side : Scriptable < number , PartialEventContext > \n Defined in \n label.d.ts:36 \n start \n • Optional start : Scriptable < string | number , PartialEventContext > \n Defined in \n label.d.ts:37 \n"},{title:"Interface: ContainedLabelOptions",frontmatter:{},regularPath:"/api/interfaces/ContainedLabelOptions.html",relativePath:"api/interfaces/ContainedLabelOptions.md",key:"v-7fae43e2",path:"/api/interfaces/ContainedLabelOptions.html",headers:[{level:2,title:"Hierarchy",slug:"hierarchy"},{level:2,title:"Properties",slug:"properties"},{level:3,title:"backgroundColor",slug:"backgroundcolor"},{level:3,title:"borderCapStyle",slug:"bordercapstyle"},{level:3,title:"borderColor",slug:"bordercolor"},{level:3,title:"borderDash",slug:"borderdash"},{level:3,title:"borderDashOffset",slug:"borderdashoffset"},{level:3,title:"borderJoinStyle",slug:"borderjoinstyle"},{level:3,title:"borderRadius",slug:"borderradius"},{level:3,title:"borderWidth",slug:"borderwidth"},{level:3,title:"callout",slug:"callout"},{level:3,title:"color",slug:"color"},{level:3,title:"content",slug:"content"},{level:3,title:"drawTime",slug:"drawtime"},{level:3,title:"font",slug:"font"},{level:3,title:"height",slug:"height"},{level:3,title:"opacity",slug:"opacity"},{level:3,title:"padding",slug:"padding"},{level:3,title:"textAlign",slug:"textalign"},{level:3,title:"textStrokeColor",slug:"textstrokecolor"},{level:3,title:"textStrokeWidth",slug:"textstrokewidth"},{level:3,title:"width",slug:"width"},{level:3,title:"xAdjust",slug:"xadjust"},{level:3,title:"yAdjust",slug:"yadjust"},{level:3,title:"z",slug:"z"}],content:" Interface: ContainedLabelOptions \n Hierarchy \n \n \n CoreLabelOptions \n ↳ ContainedLabelOptions \n ↳↳ LabelOptions \n ↳↳ LabelTypeOptions \n Properties \n backgroundColor \n • Optional backgroundColor : Scriptable < Color , PartialEventContext > \n Defined in \n label.d.ts:92 \n borderCapStyle \n • Optional borderCapStyle : Scriptable < CanvasLineCap , PartialEventContext > \n Border line cap style. See MDN. \n Default \n 'butt' \n Defined in \n label.d.ts:99 \n borderColor \n • Optional borderColor : Scriptable < Color , PartialEventContext > \n Defined in \n label.d.ts:94 \n borderDash \n • Optional borderDash : Scriptable < number [], PartialEventContext > \n Border line dash. See MDN. \n Default \n [] \n Defined in \n label.d.ts:104 \n borderDashOffset \n • Optional borderDashOffset : Scriptable < number , PartialEventContext > \n Border line dash offset. See MDN. \n Default \n 0.0 \n Defined in \n label.d.ts:109 \n borderJoinStyle \n • Optional borderJoinStyle : Scriptable < CanvasLineJoin , PartialEventContext > \n Border line join style. See MDN. \n Default \n 'miter' \n Defined in \n label.d.ts:114 \n borderRadius \n • Optional borderRadius : Scriptable < number | BorderRadius , PartialEventContext > \n Border radius of the label rectangle \n Default \n 6 \n Defined in \n label.d.ts:119 \n borderWidth \n • Optional borderWidth : Scriptable < number , PartialEventContext > \n Defined in \n label.d.ts:93 \n callout \n • Optional callout : CalloutOptions \n Defined in \n label.d.ts:120 \n color \n • Optional color : Scriptable < Color | Color [], PartialEventContext > \n Inherited from \n CoreLabelOptions . color \n Defined in \n label.d.ts:43 \n content \n • content : Scriptable < string | string [] | HTMLCanvasElement | HTMLImageElement , PartialEventContext > \n Text to display in label. Provide an array to display multiple lines \n Inherited from \n CoreLabelOptions . content \n Defined in \n label.d.ts:73 \n drawTime \n • Optional drawTime : Scriptable < DrawTime , PartialEventContext > \n Inherited from \n CoreLabelOptions . drawTime \n Defined in \n label.d.ts:41 \n font \n • Optional font : Scriptable < Partial < FontSpec > | Partial < FontSpec >[], PartialEventContext > \n Inherited from \n CoreLabelOptions . font \n Defined in \n label.d.ts:42 \n height \n • Optional height : Scriptable < number | `${number}%`, PartialEventContext > \n Overrides the height of the image. Could be set in pixel by a number,\nor in percentage of current height of image by a string \n Inherited from \n CoreLabelOptions . height \n Defined in \n label.d.ts:83 \n opacity \n • Optional opacity : Scriptable < number , PartialEventContext > \n Overrides the opacity of the image. \n Inherited from \n CoreLabelOptions . opacity \n Defined in \n label.d.ts:87 \n padding \n • Optional padding : Scriptable < number | LabelPadding , PartialEventContext > \n Padding of label \n Default \n 6 \n Inherited from \n CoreLabelOptions . padding \n Defined in \n label.d.ts:48 \n textAlign \n • Optional textAlign : Scriptable < LabelTextAlign , PartialEventContext > \n Text alignment when the content of the label is multi-line. \n Default \n 'center' \n Inherited from \n CoreLabelOptions . textAlign \n Defined in \n label.d.ts:53 \n textStrokeColor \n • Optional textStrokeColor : Scriptable < Color , PartialEventContext > \n Inherited from \n CoreLabelOptions . textStrokeColor \n Defined in \n label.d.ts:54 \n textStrokeWidth \n • Optional textStrokeWidth : Scriptable < number , PartialEventContext > \n Inherited from \n CoreLabelOptions . textStrokeWidth \n Defined in \n label.d.ts:55 \n width \n • Optional width : Scriptable < number | `${number}%`, PartialEventContext > \n Overrides the width of the image. Could be set in pixel by a number,\nor in percentage of current width of image by a string \n Inherited from \n CoreLabelOptions . width \n Defined in \n label.d.ts:78 \n xAdjust \n • Optional xAdjust : Scriptable < number , PartialEventContext > \n Adjustment along x-axis (left-right) of label relative to above number (can be negative)\nFor horizontal lines positioned left or right, negative values move\nthe label toward the edge, and positive values toward the center. \n Default \n 0 \n Inherited from \n CoreLabelOptions . xAdjust \n Defined in \n label.d.ts:62 \n yAdjust \n • Optional yAdjust : Scriptable < number , PartialEventContext > \n Adjustment along y-axis (top-bottom) of label relative to above number (can be negative)\nFor vertical lines positioned top or bottom, negative values move\nthe label toward the edge, and positive values toward the center. \n Default \n 0 \n Inherited from \n CoreLabelOptions . yAdjust \n Defined in \n label.d.ts:69 \n z \n • Optional z : Scriptable < number , PartialEventContext > \n Inherited from \n CoreLabelOptions . z \n Defined in \n label.d.ts:88 \n"},{title:"Interface: CoreAnnotationOptions",frontmatter:{},regularPath:"/api/interfaces/CoreAnnotationOptions.html",relativePath:"api/interfaces/CoreAnnotationOptions.md",key:"v-4b4d89e9",path:"/api/interfaces/CoreAnnotationOptions.html",headers:[{level:2,title:"Hierarchy",slug:"hierarchy"},{level:2,title:"Properties",slug:"properties"},{level:3,title:"adjustScaleRange",slug:"adjustscalerange"},{level:3,title:"backgroundShadowColor",slug:"backgroundshadowcolor"},{level:3,title:"borderColor",slug:"bordercolor"},{level:3,title:"borderDash",slug:"borderdash"},{level:3,title:"borderDashOffset",slug:"borderdashoffset"},{level:3,title:"borderShadowColor",slug:"bordershadowcolor"},{level:3,title:"borderWidth",slug:"borderwidth"},{level:3,title:"display",slug:"display"},{level:3,title:"drawTime",slug:"drawtime"},{level:3,title:"hitTolerance",slug:"hittolerance"},{level:3,title:"id",slug:"id"},{level:3,title:"init",slug:"init"},{level:3,title:"shadowBlur",slug:"shadowblur"},{level:3,title:"shadowOffsetX",slug:"shadowoffsetx"},{level:3,title:"shadowOffsetY",slug:"shadowoffsety"},{level:3,title:"xMax",slug:"xmax"},{level:3,title:"xMin",slug:"xmin"},{level:3,title:"xScaleID",slug:"xscaleid"},{level:3,title:"yMax",slug:"ymax"},{level:3,title:"yMin",slug:"ymin"},{level:3,title:"yScaleID",slug:"yscaleid"},{level:3,title:"z",slug:"z"},{level:2,title:"Methods",slug:"methods"},{level:3,title:"afterDraw",slug:"afterdraw"},{level:3,title:"beforeDraw",slug:"beforedraw"},{level:3,title:"click",slug:"click"},{level:3,title:"enter",slug:"enter"},{level:3,title:"leave",slug:"leave"}],content:" Interface: CoreAnnotationOptions \n Hierarchy \n \n \n AnnotationEvents \n \n \n ShadowOptions \n \n \n AnnotationHooks \n ↳ CoreAnnotationOptions \n ↳↳ LineAnnotationOptions \n ↳↳ BoxAnnotationOptions \n ↳↳ EllipseAnnotationOptions \n ↳↳ PointAnnotationOptions \n ↳↳ LabelAnnotationOptions \n ↳↳ PolygonAnnotationOptions \n Properties \n adjustScaleRange \n • Optional adjustScaleRange : Scriptable < boolean , PartialEventContext > \n Defined in \n options.d.ts:38 \n backgroundShadowColor \n • Optional backgroundShadowColor : Scriptable < Color , PartialEventContext > \n Inherited from \n ShadowOptions . backgroundShadowColor \n Defined in \n options.d.ts:30 \n borderColor \n • Optional borderColor : Scriptable < Color , PartialEventContext > \n Defined in \n options.d.ts:39 \n borderDash \n • Optional borderDash : Scriptable < number [], PartialEventContext > \n Defined in \n options.d.ts:40 \n borderDashOffset \n • Optional borderDashOffset : Scriptable < number , PartialEventContext > \n Defined in \n options.d.ts:41 \n borderShadowColor \n • Optional borderShadowColor : Scriptable < Color , PartialEventContext > \n Inherited from \n ShadowOptions . borderShadowColor \n Defined in \n options.d.ts:31 \n borderWidth \n • Optional borderWidth : Scriptable < number , PartialEventContext > \n Defined in \n options.d.ts:42 \n display \n • Optional display : Scriptable < boolean , PartialEventContext > \n Defined in \n options.d.ts:43 \n drawTime \n • Optional drawTime : Scriptable < DrawTime , PartialEventContext > \n Defined in \n options.d.ts:44 \n hitTolerance \n • Optional hitTolerance : Scriptable < number , PartialEventContext > \n Defined in \n options.d.ts:45 \n id \n • Optional id : string \n Defined in \n options.d.ts:47 \n init \n • Optional init : boolean | ( chart : Chart , properties : AnnotationBoxModel , options : AnnotationOptions ) => boolean | void | AnnotationElement \n Defined in \n options.d.ts:46 \n shadowBlur \n • Optional shadowBlur : Scriptable < number , PartialEventContext > \n Inherited from \n ShadowOptions . shadowBlur \n Defined in \n options.d.ts:32 \n shadowOffsetX \n • Optional shadowOffsetX : Scriptable < number , PartialEventContext > \n Inherited from \n ShadowOptions . shadowOffsetX \n Defined in \n options.d.ts:33 \n shadowOffsetY \n • Optional shadowOffsetY : Scriptable < number , PartialEventContext > \n Inherited from \n ShadowOptions . shadowOffsetY \n Defined in \n options.d.ts:34 \n xMax \n • Optional xMax : Scriptable < ScaleValue , PartialEventContext > \n Defined in \n options.d.ts:48 \n xMin \n • Optional xMin : Scriptable < ScaleValue , PartialEventContext > \n Defined in \n options.d.ts:49 \n xScaleID \n • Optional xScaleID : Scriptable < string , PartialEventContext > \n Defined in \n options.d.ts:50 \n yMax \n • Optional yMax : Scriptable < ScaleValue , PartialEventContext > \n Defined in \n options.d.ts:51 \n yMin \n • Optional yMin : Scriptable < ScaleValue , PartialEventContext > \n Defined in \n options.d.ts:52 \n yScaleID \n • Optional yScaleID : Scriptable < string , PartialEventContext > \n Defined in \n options.d.ts:53 \n z \n • Optional z : Scriptable < number , PartialEventContext > \n Defined in \n options.d.ts:54 \n Methods \n afterDraw \n ▸ Optional afterDraw ( context ): void \n Parameters \n \n \n \n Name \n Type \n \n \n \n \n context \n EventContext \n Returns \n void \n Inherited from \n AnnotationHooks . afterDraw \n Defined in \n options.d.ts:23 \n beforeDraw \n ▸ Optional beforeDraw ( context ): void \n Parameters \n \n \n \n Name \n Type \n \n \n \n \n context \n EventContext \n Returns \n void \n Inherited from \n AnnotationHooks . beforeDraw \n Defined in \n options.d.ts:22 \n click \n ▸ Optional click ( context , event ): boolean | void \n Parameters \n \n \n \n Name \n Type \n \n \n \n \n context \n EventContext \n \n \n event \n ChartEvent \n Returns \n boolean | void \n Inherited from \n AnnotationEvents . click \n Defined in \n events.d.ts:27 \n enter \n ▸ Optional enter ( context , event ): boolean | void \n Parameters \n \n \n \n Name \n Type \n \n \n \n \n context \n EventContext \n \n \n event \n ChartEvent \n Returns \n boolean | void \n Inherited from \n AnnotationEvents . enter \n Defined in \n events.d.ts:25 \n leave \n ▸ Optional leave ( context , event ): boolean | void \n Parameters \n \n \n \n Name \n Type \n \n \n \n \n context \n EventContext \n \n \n event \n ChartEvent \n Returns \n boolean | void \n Inherited from \n AnnotationEvents . leave \n Defined in \n events.d.ts:26 \n"},{title:"Interface: ControlPointOptions",frontmatter:{},regularPath:"/api/interfaces/ControlPointOptions.html",relativePath:"api/interfaces/ControlPointOptions.md",key:"v-6b2059b3",path:"/api/interfaces/ControlPointOptions.html",headers:[{level:2,title:"Properties",slug:"properties"},{level:3,title:"x",slug:"x"},{level:3,title:"y",slug:"y"}],content:" Interface: ControlPointOptions \n Properties \n x \n • Optional x : Scriptable < string | number , PartialEventContext > \n Defined in \n options.d.ts:80 \n y \n • Optional y : Scriptable < string | number , PartialEventContext > \n Defined in \n options.d.ts:81 \n"},{title:"Interface: CoreLabelOptions",frontmatter:{},regularPath:"/api/interfaces/CoreLabelOptions.html",relativePath:"api/interfaces/CoreLabelOptions.md",key:"v-c42c2106",path:"/api/interfaces/CoreLabelOptions.html",headers:[{level:2,title:"Hierarchy",slug:"hierarchy"},{level:2,title:"Properties",slug:"properties"},{level:3,title:"color",slug:"color"},{level:3,title:"content",slug:"content"},{level:3,title:"drawTime",slug:"drawtime"},{level:3,title:"font",slug:"font"},{level:3,title:"height",slug:"height"},{level:3,title:"opacity",slug:"opacity"},{level:3,title:"padding",slug:"padding"},{level:3,title:"textAlign",slug:"textalign"},{level:3,title:"textStrokeColor",slug:"textstrokecolor"},{level:3,title:"textStrokeWidth",slug:"textstrokewidth"},{level:3,title:"width",slug:"width"},{level:3,title:"xAdjust",slug:"xadjust"},{level:3,title:"yAdjust",slug:"yadjust"},{level:3,title:"z",slug:"z"}],content:" Interface: CoreLabelOptions \n Hierarchy \n \n \n CoreLabelOptions \n ↳ ContainedLabelOptions \n ↳ BoxLabelOptions \n Properties \n color \n • Optional color : Scriptable < Color | Color [], PartialEventContext > \n Defined in \n label.d.ts:43 \n content \n • content : Scriptable < string | string [] | HTMLCanvasElement | HTMLImageElement , PartialEventContext > \n Text to display in label. Provide an array to display multiple lines \n Defined in \n label.d.ts:73 \n drawTime \n • Optional drawTime : Scriptable < DrawTime , PartialEventContext > \n Defined in \n label.d.ts:41 \n font \n • Optional font : Scriptable < Partial < FontSpec > | Partial < FontSpec >[], PartialEventContext > \n Defined in \n label.d.ts:42 \n height \n • Optional height : Scriptable < number | `${number}%`, PartialEventContext > \n Overrides the height of the image. Could be set in pixel by a number,\nor in percentage of current height of image by a string \n Defined in \n label.d.ts:83 \n opacity \n • Optional opacity : Scriptable < number , PartialEventContext > \n Overrides the opacity of the image. \n Defined in \n label.d.ts:87 \n padding \n • Optional padding : Scriptable < number | LabelPadding , PartialEventContext > \n Padding of label \n Default \n 6 \n Defined in \n label.d.ts:48 \n textAlign \n • Optional textAlign : Scriptable < LabelTextAlign , PartialEventContext > \n Text alignment when the content of the label is multi-line. \n Default \n 'center' \n Defined in \n label.d.ts:53 \n textStrokeColor \n • Optional textStrokeColor : Scriptable < Color , PartialEventContext > \n Defined in \n label.d.ts:54 \n textStrokeWidth \n • Optional textStrokeWidth : Scriptable < number , PartialEventContext > \n Defined in \n label.d.ts:55 \n width \n • Optional width : Scriptable < number | `${number}%`, PartialEventContext > \n Overrides the width of the image. Could be set in pixel by a number,\nor in percentage of current width of image by a string \n Defined in \n label.d.ts:78 \n xAdjust \n • Optional xAdjust : Scriptable < number , PartialEventContext > \n Adjustment along x-axis (left-right) of label relative to above number (can be negative)\nFor horizontal lines positioned left or right, negative values move\nthe label toward the edge, and positive values toward the center. \n Default \n 0 \n Defined in \n label.d.ts:62 \n yAdjust \n • Optional yAdjust : Scriptable < number , PartialEventContext > \n Adjustment along y-axis (top-bottom) of label relative to above number (can be negative)\nFor vertical lines positioned top or bottom, negative values move\nthe label toward the edge, and positive values toward the center. \n Default \n 0 \n Defined in \n label.d.ts:69 \n z \n • Optional z : Scriptable < number , PartialEventContext > \n Defined in \n label.d.ts:88 \n"},{title:"Interface: EllipseAnnotationOptions",frontmatter:{},regularPath:"/api/interfaces/EllipseAnnotationOptions.html",relativePath:"api/interfaces/EllipseAnnotationOptions.md",key:"v-49180d06",path:"/api/interfaces/EllipseAnnotationOptions.html",headers:[{level:2,title:"Hierarchy",slug:"hierarchy"},{level:2,title:"Properties",slug:"properties"},{level:3,title:"adjustScaleRange",slug:"adjustscalerange"},{level:3,title:"backgroundColor",slug:"backgroundcolor"},{level:3,title:"backgroundShadowColor",slug:"backgroundshadowcolor"},{level:3,title:"borderColor",slug:"bordercolor"},{level:3,title:"borderDash",slug:"borderdash"},{level:3,title:"borderDashOffset",slug:"borderdashoffset"},{level:3,title:"borderShadowColor",slug:"bordershadowcolor"},{level:3,title:"borderWidth",slug:"borderwidth"},{level:3,title:"display",slug:"display"},{level:3,title:"drawTime",slug:"drawtime"},{level:3,title:"hitTolerance",slug:"hittolerance"},{level:3,title:"id",slug:"id"},{level:3,title:"init",slug:"init"},{level:3,title:"label",slug:"label"},{level:3,title:"rotation",slug:"rotation"},{level:3,title:"shadowBlur",slug:"shadowblur"},{level:3,title:"shadowOffsetX",slug:"shadowoffsetx"},{level:3,title:"shadowOffsetY",slug:"shadowoffsety"},{level:3,title:"xMax",slug:"xmax"},{level:3,title:"xMin",slug:"xmin"},{level:3,title:"xScaleID",slug:"xscaleid"},{level:3,title:"yMax",slug:"ymax"},{level:3,title:"yMin",slug:"ymin"},{level:3,title:"yScaleID",slug:"yscaleid"},{level:3,title:"z",slug:"z"},{level:2,title:"Methods",slug:"methods"},{level:3,title:"afterDraw",slug:"afterdraw"},{level:3,title:"beforeDraw",slug:"beforedraw"},{level:3,title:"click",slug:"click"},{level:3,title:"enter",slug:"enter"},{level:3,title:"leave",slug:"leave"}],content:" Interface: EllipseAnnotationOptions \n Hierarchy \n \n \n CoreAnnotationOptions \n ↳ EllipseAnnotationOptions \n Properties \n adjustScaleRange \n • Optional adjustScaleRange : Scriptable < boolean , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . adjustScaleRange \n Defined in \n options.d.ts:38 \n backgroundColor \n • Optional backgroundColor : Scriptable < Color , PartialEventContext > \n Defined in \n options.d.ts:122 \n backgroundShadowColor \n • Optional backgroundShadowColor : Scriptable < Color , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . backgroundShadowColor \n Defined in \n options.d.ts:30 \n borderColor \n • Optional borderColor : Scriptable < Color , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . borderColor \n Defined in \n options.d.ts:39 \n borderDash \n • Optional borderDash : Scriptable < number [], PartialEventContext > \n Inherited from \n CoreAnnotationOptions . borderDash \n Defined in \n options.d.ts:40 \n borderDashOffset \n • Optional borderDashOffset : Scriptable < number , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . borderDashOffset \n Defined in \n options.d.ts:41 \n borderShadowColor \n • Optional borderShadowColor : Scriptable < Color , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . borderShadowColor \n Defined in \n options.d.ts:31 \n borderWidth \n • Optional borderWidth : Scriptable < number , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . borderWidth \n Defined in \n options.d.ts:42 \n display \n • Optional display : Scriptable < boolean , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . display \n Defined in \n options.d.ts:43 \n drawTime \n • Optional drawTime : Scriptable < DrawTime , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . drawTime \n Defined in \n options.d.ts:44 \n hitTolerance \n • Optional hitTolerance : Scriptable < number , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . hitTolerance \n Defined in \n options.d.ts:45 \n id \n • Optional id : string \n Inherited from \n CoreAnnotationOptions . id \n Defined in \n options.d.ts:47 \n init \n • Optional init : boolean | ( chart : Chart , properties : AnnotationBoxModel , options : AnnotationOptions ) => boolean | void | AnnotationElement \n Inherited from \n CoreAnnotationOptions . init \n Defined in \n options.d.ts:46 \n label \n • Optional label : BoxLabelOptions \n Defined in \n options.d.ts:123 \n rotation \n • Optional rotation : Scriptable < number , PartialEventContext > \n Defined in \n options.d.ts:124 \n shadowBlur \n • Optional shadowBlur : Scriptable < number , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . shadowBlur \n Defined in \n options.d.ts:32 \n shadowOffsetX \n • Optional shadowOffsetX : Scriptable < number , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . shadowOffsetX \n Defined in \n options.d.ts:33 \n shadowOffsetY \n • Optional shadowOffsetY : Scriptable < number , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . shadowOffsetY \n Defined in \n options.d.ts:34 \n xMax \n • Optional xMax : Scriptable < ScaleValue , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . xMax \n Defined in \n options.d.ts:48 \n xMin \n • Optional xMin : Scriptable < ScaleValue , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . xMin \n Defined in \n options.d.ts:49 \n xScaleID \n • Optional xScaleID : Scriptable < string , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . xScaleID \n Defined in \n options.d.ts:50 \n yMax \n • Optional yMax : Scriptable < ScaleValue , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . yMax \n Defined in \n options.d.ts:51 \n yMin \n • Optional yMin : Scriptable < ScaleValue , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . yMin \n Defined in \n options.d.ts:52 \n yScaleID \n • Optional yScaleID : Scriptable < string , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . yScaleID \n Defined in \n options.d.ts:53 \n z \n • Optional z : Scriptable < number , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . z \n Defined in \n options.d.ts:54 \n Methods \n afterDraw \n ▸ Optional afterDraw ( context ): void \n Parameters \n \n \n \n Name \n Type \n \n \n \n \n context \n EventContext \n Returns \n void \n Inherited from \n CoreAnnotationOptions . afterDraw \n Defined in \n options.d.ts:23 \n beforeDraw \n ▸ Optional beforeDraw ( context ): void \n Parameters \n \n \n \n Name \n Type \n \n \n \n \n context \n EventContext \n Returns \n void \n Inherited from \n CoreAnnotationOptions . beforeDraw \n Defined in \n options.d.ts:22 \n click \n ▸ Optional click ( context , event ): boolean | void \n Parameters \n \n \n \n Name \n Type \n \n \n \n \n context \n EventContext \n \n \n event \n ChartEvent \n Returns \n boolean | void \n Inherited from \n CoreAnnotationOptions . click \n Defined in \n events.d.ts:27 \n enter \n ▸ Optional enter ( context , event ): boolean | void \n Parameters \n \n \n \n Name \n Type \n \n \n \n \n context \n EventContext \n \n \n event \n ChartEvent \n Returns \n boolean | void \n Inherited from \n CoreAnnotationOptions . enter \n Defined in \n events.d.ts:25 \n leave \n ▸ Optional leave ( context , event ): boolean | void \n Parameters \n \n \n \n Name \n Type \n \n \n \n \n context \n EventContext \n \n \n event \n ChartEvent \n Returns \n boolean | void \n Inherited from \n CoreAnnotationOptions . leave \n Defined in \n events.d.ts:26 \n"},{title:"Interface: EventContext",frontmatter:{},regularPath:"/api/interfaces/EventContext.html",relativePath:"api/interfaces/EventContext.md",key:"v-29e3487d",path:"/api/interfaces/EventContext.html",headers:[{level:2,title:"Properties",slug:"properties"},{level:3,title:"chart",slug:"chart"},{level:3,title:"element",slug:"element"},{level:3,title:"elements",slug:"elements"},{level:3,title:"id",slug:"id"},{level:3,title:"type",slug:"type"}],content:" Interface: EventContext \n Properties \n chart \n • chart : Chart \n Defined in \n events.d.ts:5 \n element \n • element : AnnotationElement \n Defined in \n events.d.ts:6 \n elements \n • elements : AnnotationElement [] \n Defined in \n events.d.ts:7 \n id \n • id : string \n Defined in \n events.d.ts:8 \n type \n • type : string \n Defined in \n events.d.ts:9 \n"},{title:"Interface: LabelAnnotationOptions",frontmatter:{},regularPath:"/api/interfaces/LabelAnnotationOptions.html",relativePath:"api/interfaces/LabelAnnotationOptions.md",key:"v-f13aec06",path:"/api/interfaces/LabelAnnotationOptions.html",headers:[{level:2,title:"Hierarchy",slug:"hierarchy"},{level:2,title:"Properties",slug:"properties"},{level:3,title:"adjustScaleRange",slug:"adjustscalerange"},{level:3,title:"backgroundColor",slug:"backgroundcolor"},{level:3,title:"backgroundShadowColor",slug:"backgroundshadowcolor"},{level:3,title:"borderCapStyle",slug:"bordercapstyle"},{level:3,title:"borderColor",slug:"bordercolor"},{level:3,title:"borderDash",slug:"borderdash"},{level:3,title:"borderDashOffset",slug:"borderdashoffset"},{level:3,title:"borderJoinStyle",slug:"borderjoinstyle"},{level:3,title:"borderRadius",slug:"borderradius"},{level:3,title:"borderShadowColor",slug:"bordershadowcolor"},{level:3,title:"borderWidth",slug:"borderwidth"},{level:3,title:"callout",slug:"callout"},{level:3,title:"color",slug:"color"},{level:3,title:"content",slug:"content"},{level:3,title:"display",slug:"display"},{level:3,title:"drawTime",slug:"drawtime"},{level:3,title:"font",slug:"font"},{level:3,title:"height",slug:"height"},{level:3,title:"hitTolerance",slug:"hittolerance"},{level:3,title:"id",slug:"id"},{level:3,title:"init",slug:"init"},{level:3,title:"opacity",slug:"opacity"},{level:3,title:"padding",slug:"padding"},{level:3,title:"position",slug:"position"},{level:3,title:"rotation",slug:"rotation"},{level:3,title:"shadowBlur",slug:"shadowblur"},{level:3,title:"shadowOffsetX",slug:"shadowoffsetx"},{level:3,title:"shadowOffsetY",slug:"shadowoffsety"},{level:3,title:"textAlign",slug:"textalign"},{level:3,title:"textStrokeColor",slug:"textstrokecolor"},{level:3,title:"textStrokeWidth",slug:"textstrokewidth"},{level:3,title:"width",slug:"width"},{level:3,title:"xAdjust",slug:"xadjust"},{level:3,title:"xMax",slug:"xmax"},{level:3,title:"xMin",slug:"xmin"},{level:3,title:"xScaleID",slug:"xscaleid"},{level:3,title:"xValue",slug:"xvalue"},{level:3,title:"yAdjust",slug:"yadjust"},{level:3,title:"yMax",slug:"ymax"},{level:3,title:"yMin",slug:"ymin"},{level:3,title:"yScaleID",slug:"yscaleid"},{level:3,title:"yValue",slug:"yvalue"},{level:3,title:"z",slug:"z"},{level:2,title:"Methods",slug:"methods"},{level:3,title:"afterDraw",slug:"afterdraw"},{level:3,title:"beforeDraw",slug:"beforedraw"},{level:3,title:"click",slug:"click"},{level:3,title:"enter",slug:"enter"},{level:3,title:"leave",slug:"leave"}],content:" Interface: LabelAnnotationOptions \n Hierarchy \n \n \n CoreAnnotationOptions \n \n \n LabelTypeOptions \n \n \n AnnotationPointCoordinates \n ↳ LabelAnnotationOptions \n Properties \n adjustScaleRange \n • Optional adjustScaleRange : Scriptable < boolean , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . adjustScaleRange \n Defined in \n options.d.ts:38 \n backgroundColor \n • Optional backgroundColor : Scriptable < Color , PartialEventContext > \n Inherited from \n LabelTypeOptions . backgroundColor \n Defined in \n label.d.ts:92 \n backgroundShadowColor \n • Optional backgroundShadowColor : Scriptable < Color , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . backgroundShadowColor \n Defined in \n options.d.ts:30 \n borderCapStyle \n • Optional borderCapStyle : Scriptable < CanvasLineCap , PartialEventContext > \n Border line cap style. See MDN. \n Default \n 'butt' \n Inherited from \n LabelTypeOptions . borderCapStyle \n Defined in \n label.d.ts:99 \n borderColor \n • Optional borderColor : Scriptable < Color , PartialEventContext > \n Inherited from \n LabelTypeOptions . borderColor \n Defined in \n options.d.ts:39 \n borderDash \n • Optional borderDash : Scriptable < number [], PartialEventContext > \n Border line dash. See MDN. \n Default \n [] \n Inherited from \n LabelTypeOptions . borderDash \n Defined in \n options.d.ts:40 \n borderDashOffset \n • Optional borderDashOffset : Scriptable < number , PartialEventContext > \n Border line dash offset. See MDN. \n Default \n 0.0 \n Inherited from \n LabelTypeOptions . borderDashOffset \n Defined in \n options.d.ts:41 \n borderJoinStyle \n • Optional borderJoinStyle : Scriptable < CanvasLineJoin , PartialEventContext > \n Border line join style. See MDN. \n Default \n 'miter' \n Inherited from \n LabelTypeOptions . borderJoinStyle \n Defined in \n label.d.ts:114 \n borderRadius \n • Optional borderRadius : Scriptable < number | BorderRadius , PartialEventContext > \n Border radius of the label rectangle \n Default \n 6 \n Inherited from \n LabelTypeOptions . borderRadius \n Defined in \n label.d.ts:119 \n borderShadowColor \n • Optional borderShadowColor : Scriptable < Color , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . borderShadowColor \n Defined in \n options.d.ts:31 \n borderWidth \n • Optional borderWidth : Scriptable < number , PartialEventContext > \n Inherited from \n LabelTypeOptions . borderWidth \n Defined in \n options.d.ts:42 \n callout \n • Optional callout : CalloutOptions \n Inherited from \n LabelTypeOptions . callout \n Defined in \n label.d.ts:120 \n color \n • Optional color : Scriptable < Color | Color [], PartialEventContext > \n Inherited from \n LabelTypeOptions . color \n Defined in \n label.d.ts:43 \n content \n • content : Scriptable < string | string [] | HTMLCanvasElement | HTMLImageElement , PartialEventContext > \n Text to display in label. Provide an array to display multiple lines \n Inherited from \n LabelTypeOptions . content \n Defined in \n label.d.ts:73 \n display \n • Optional display : Scriptable < boolean , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . display \n Defined in \n options.d.ts:43 \n drawTime \n • Optional drawTime : Scriptable < DrawTime , PartialEventContext > \n Inherited from \n LabelTypeOptions . drawTime \n Defined in \n options.d.ts:44 \n font \n • Optional font : Scriptable < Partial < FontSpec > | Partial < FontSpec >[], PartialEventContext > \n Inherited from \n LabelTypeOptions . font \n Defined in \n label.d.ts:42 \n height \n • Optional height : Scriptable < number | `${number}%`, PartialEventContext > \n Overrides the height of the image. Could be set in pixel by a number,\nor in percentage of current height of image by a string \n Inherited from \n LabelTypeOptions . height \n Defined in \n label.d.ts:83 \n hitTolerance \n • Optional hitTolerance : Scriptable < number , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . hitTolerance \n Defined in \n options.d.ts:45 \n id \n • Optional id : string \n Inherited from \n CoreAnnotationOptions . id \n Defined in \n options.d.ts:47 \n init \n • Optional init : boolean | ( chart : Chart , properties : AnnotationBoxModel , options : AnnotationOptions ) => boolean | void | AnnotationElement \n Inherited from \n CoreAnnotationOptions . init \n Defined in \n options.d.ts:46 \n opacity \n • Optional opacity : Scriptable < number , PartialEventContext > \n Overrides the opacity of the image. \n Inherited from \n LabelTypeOptions . opacity \n Defined in \n label.d.ts:87 \n padding \n • Optional padding : Scriptable < number | LabelPadding , PartialEventContext > \n Padding of label \n Default \n 6 \n Inherited from \n LabelTypeOptions . padding \n Defined in \n label.d.ts:48 \n position \n • Optional position : Scriptable < LabelPosition | LabelPositionObject , PartialEventContext > \n Inherited from \n LabelTypeOptions . position \n Defined in \n label.d.ts:150 \n rotation \n • Optional rotation : Scriptable < number , PartialEventContext > \n Defined in \n options.d.ts:137 \n shadowBlur \n • Optional shadowBlur : Scriptable < number , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . shadowBlur \n Defined in \n options.d.ts:32 \n shadowOffsetX \n • Optional shadowOffsetX : Scriptable < number , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . shadowOffsetX \n Defined in \n options.d.ts:33 \n shadowOffsetY \n • Optional shadowOffsetY : Scriptable < number , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . shadowOffsetY \n Defined in \n options.d.ts:34 \n textAlign \n • Optional textAlign : Scriptable < LabelTextAlign , PartialEventContext > \n Text alignment when the content of the label is multi-line. \n Default \n 'center' \n Inherited from \n LabelTypeOptions . textAlign \n Defined in \n label.d.ts:53 \n textStrokeColor \n • Optional textStrokeColor : Scriptable < Color , PartialEventContext > \n Inherited from \n LabelTypeOptions . textStrokeColor \n Defined in \n label.d.ts:54 \n textStrokeWidth \n • Optional textStrokeWidth : Scriptable < number , PartialEventContext > \n Inherited from \n LabelTypeOptions . textStrokeWidth \n Defined in \n label.d.ts:55 \n width \n • Optional width : Scriptable < number | `${number}%`, PartialEventContext > \n Overrides the width of the image. Could be set in pixel by a number,\nor in percentage of current width of image by a string \n Inherited from \n LabelTypeOptions . width \n Defined in \n label.d.ts:78 \n xAdjust \n • Optional xAdjust : Scriptable < number , PartialEventContext > \n Adjustment along x-axis (left-right) of label relative to above number (can be negative)\nFor horizontal lines positioned left or right, negative values move\nthe label toward the edge, and positive values toward the center. \n Default \n 0 \n Inherited from \n LabelTypeOptions . xAdjust \n Defined in \n label.d.ts:62 \n xMax \n • Optional xMax : Scriptable < ScaleValue , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . xMax \n Defined in \n options.d.ts:48 \n xMin \n • Optional xMin : Scriptable < ScaleValue , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . xMin \n Defined in \n options.d.ts:49 \n xScaleID \n • Optional xScaleID : Scriptable < string , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . xScaleID \n Defined in \n options.d.ts:50 \n xValue \n • Optional xValue : Scriptable < ScaleValue , PartialEventContext > \n Inherited from \n AnnotationPointCoordinates . xValue \n Defined in \n options.d.ts:58 \n yAdjust \n • Optional yAdjust : Scriptable < number , PartialEventContext > \n Adjustment along y-axis (top-bottom) of label relative to above number (can be negative)\nFor vertical lines positioned top or bottom, negative values move\nthe label toward the edge, and positive values toward the center. \n Default \n 0 \n Inherited from \n LabelTypeOptions . yAdjust \n Defined in \n label.d.ts:69 \n yMax \n • Optional yMax : Scriptable < ScaleValue , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . yMax \n Defined in \n options.d.ts:51 \n yMin \n • Optional yMin : Scriptable < ScaleValue , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . yMin \n Defined in \n options.d.ts:52 \n yScaleID \n • Optional yScaleID : Scriptable < string , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . yScaleID \n Defined in \n options.d.ts:53 \n yValue \n • Optional yValue : Scriptable < ScaleValue , PartialEventContext > \n Inherited from \n AnnotationPointCoordinates . yValue \n Defined in \n options.d.ts:59 \n z \n • Optional z : Scriptable < number , PartialEventContext > \n Inherited from \n LabelTypeOptions . z \n Defined in \n options.d.ts:54 \n Methods \n afterDraw \n ▸ Optional afterDraw ( context ): void \n Parameters \n \n \n \n Name \n Type \n \n \n \n \n context \n EventContext \n Returns \n void \n Inherited from \n CoreAnnotationOptions . afterDraw \n Defined in \n options.d.ts:23 \n beforeDraw \n ▸ Optional beforeDraw ( context ): void \n Parameters \n \n \n \n Name \n Type \n \n \n \n \n context \n EventContext \n Returns \n void \n Inherited from \n CoreAnnotationOptions . beforeDraw \n Defined in \n options.d.ts:22 \n click \n ▸ Optional click ( context , event ): boolean | void \n Parameters \n \n \n \n Name \n Type \n \n \n \n \n context \n EventContext \n \n \n event \n ChartEvent \n Returns \n boolean | void \n Inherited from \n CoreAnnotationOptions . click \n Defined in \n events.d.ts:27 \n enter \n ▸ Optional enter ( context , event ): boolean | void \n Parameters \n \n \n \n Name \n Type \n \n \n \n \n context \n EventContext \n \n \n event \n ChartEvent \n Returns \n boolean | void \n Inherited from \n CoreAnnotationOptions . enter \n Defined in \n events.d.ts:25 \n leave \n ▸ Optional leave ( context , event ): boolean | void \n Parameters \n \n \n \n Name \n Type \n \n \n \n \n context \n EventContext \n \n \n event \n ChartEvent \n Returns \n boolean | void \n Inherited from \n CoreAnnotationOptions . leave \n Defined in \n events.d.ts:26 \n"},{title:"Interface: LabelOptions",frontmatter:{},regularPath:"/api/interfaces/LabelOptions.html",relativePath:"api/interfaces/LabelOptions.md",key:"v-3e5dcf1d",path:"/api/interfaces/LabelOptions.html",headers:[{level:2,title:"Hierarchy",slug:"hierarchy"},{level:2,title:"Properties",slug:"properties"},{level:3,title:"backgroundColor",slug:"backgroundcolor"},{level:3,title:"backgroundShadowColor",slug:"backgroundshadowcolor"},{level:3,title:"borderCapStyle",slug:"bordercapstyle"},{level:3,title:"borderColor",slug:"bordercolor"},{level:3,title:"borderDash",slug:"borderdash"},{level:3,title:"borderDashOffset",slug:"borderdashoffset"},{level:3,title:"borderJoinStyle",slug:"borderjoinstyle"},{level:3,title:"borderRadius",slug:"borderradius"},{level:3,title:"borderShadowColor",slug:"bordershadowcolor"},{level:3,title:"borderWidth",slug:"borderwidth"},{level:3,title:"callout",slug:"callout"},{level:3,title:"color",slug:"color"},{level:3,title:"content",slug:"content"},{level:3,title:"display",slug:"display"},{level:3,title:"drawTime",slug:"drawtime"},{level:3,title:"font",slug:"font"},{level:3,title:"height",slug:"height"},{level:3,title:"hitTolerance",slug:"hittolerance"},{level:3,title:"opacity",slug:"opacity"},{level:3,title:"padding",slug:"padding"},{level:3,title:"position",slug:"position"},{level:3,title:"rotation",slug:"rotation"},{level:3,title:"shadowBlur",slug:"shadowblur"},{level:3,title:"shadowOffsetX",slug:"shadowoffsetx"},{level:3,title:"shadowOffsetY",slug:"shadowoffsety"},{level:3,title:"textAlign",slug:"textalign"},{level:3,title:"textStrokeColor",slug:"textstrokecolor"},{level:3,title:"textStrokeWidth",slug:"textstrokewidth"},{level:3,title:"width",slug:"width"},{level:3,title:"xAdjust",slug:"xadjust"},{level:3,title:"yAdjust",slug:"yadjust"},{level:3,title:"z",slug:"z"}],content:" Interface: LabelOptions \n Hierarchy \n \n \n ContainedLabelOptions \n \n \n ShadowOptions \n ↳ LabelOptions \n Properties \n backgroundColor \n • Optional backgroundColor : Scriptable < Color , PartialEventContext > \n Inherited from \n ContainedLabelOptions . backgroundColor \n Defined in \n label.d.ts:92 \n backgroundShadowColor \n • Optional backgroundShadowColor : Scriptable < Color , PartialEventContext > \n Inherited from \n ShadowOptions . backgroundShadowColor \n Defined in \n options.d.ts:30 \n borderCapStyle \n • Optional borderCapStyle : Scriptable < CanvasLineCap , PartialEventContext > \n Border line cap style. See MDN. \n Default \n 'butt' \n Inherited from \n ContainedLabelOptions . borderCapStyle \n Defined in \n label.d.ts:99 \n borderColor \n • Optional borderColor : Scriptable < Color , PartialEventContext > \n Inherited from \n ContainedLabelOptions . borderColor \n Defined in \n label.d.ts:94 \n borderDash \n • Optional borderDash : Scriptable < number [], PartialEventContext > \n Border line dash. See MDN. \n Default \n [] \n Inherited from \n ContainedLabelOptions . borderDash \n Defined in \n label.d.ts:104 \n borderDashOffset \n • Optional borderDashOffset : Scriptable < number , PartialEventContext > \n Border line dash offset. See MDN. \n Default \n 0.0 \n Inherited from \n ContainedLabelOptions . borderDashOffset \n Defined in \n label.d.ts:109 \n borderJoinStyle \n • Optional borderJoinStyle : Scriptable < CanvasLineJoin , PartialEventContext > \n Border line join style. See MDN. \n Default \n 'miter' \n Inherited from \n ContainedLabelOptions . borderJoinStyle \n Defined in \n label.d.ts:114 \n borderRadius \n • Optional borderRadius : Scriptable < number | BorderRadius , PartialEventContext > \n Border radius of the label rectangle \n Default \n 6 \n Inherited from \n ContainedLabelOptions . borderRadius \n Defined in \n label.d.ts:119 \n borderShadowColor \n • Optional borderShadowColor : Scriptable < Color , PartialEventContext > \n Inherited from \n ShadowOptions . borderShadowColor \n Defined in \n options.d.ts:31 \n borderWidth \n • Optional borderWidth : Scriptable < number , PartialEventContext > \n Inherited from \n ContainedLabelOptions . borderWidth \n Defined in \n label.d.ts:93 \n callout \n • Optional callout : CalloutOptions \n Inherited from \n ContainedLabelOptions . callout \n Defined in \n label.d.ts:120 \n color \n • Optional color : Scriptable < Color | Color [], PartialEventContext > \n Inherited from \n ContainedLabelOptions . color \n Defined in \n label.d.ts:43 \n content \n • content : Scriptable < string | string [] | HTMLCanvasElement | HTMLImageElement , PartialEventContext > \n Text to display in label. Provide an array to display multiple lines \n Inherited from \n ContainedLabelOptions . content \n Defined in \n label.d.ts:73 \n display \n • Optional display : Scriptable < boolean , PartialEventContext > \n Whether the label should be displayed \n Default \n true \n Defined in \n label.d.ts:129 \n drawTime \n • Optional drawTime : Scriptable < DrawTime , PartialEventContext > \n Inherited from \n ContainedLabelOptions . drawTime \n Defined in \n label.d.ts:41 \n font \n • Optional font : Scriptable < Partial < FontSpec > | Partial < FontSpec >[], PartialEventContext > \n Inherited from \n ContainedLabelOptions . font \n Defined in \n label.d.ts:42 \n height \n • Optional height : Scriptable < number | `${number}%`, PartialEventContext > \n Overrides the height of the image. Could be set in pixel by a number,\nor in percentage of current height of image by a string \n Inherited from \n ContainedLabelOptions . height \n Defined in \n label.d.ts:83 \n hitTolerance \n • Optional hitTolerance : Scriptable < number , PartialEventContext > \n Defined in \n label.d.ts:130 \n opacity \n • Optional opacity : Scriptable < number , PartialEventContext > \n Overrides the opacity of the image. \n Inherited from \n ContainedLabelOptions . opacity \n Defined in \n label.d.ts:87 \n padding \n • Optional padding : Scriptable < number | LabelPadding , PartialEventContext > \n Padding of label \n Default \n 6 \n Inherited from \n ContainedLabelOptions . padding \n Defined in \n label.d.ts:48 \n position \n • Optional position : Scriptable < LabelPosition , PartialEventContext > \n Defined in \n label.d.ts:124 \n rotation \n • Optional rotation : Scriptable < number | \"auto\" , PartialEventContext > \n Rotation of label, in degrees, or 'auto' to use the degrees of the line, default is 0 \n Default \n 90 \n Defined in \n label.d.ts:135 \n shadowBlur \n • Optional shadowBlur : Scriptable < number , PartialEventContext > \n Inherited from \n ShadowOptions . shadowBlur \n Defined in \n options.d.ts:32 \n shadowOffsetX \n • Optional shadowOffsetX : Scriptable < number , PartialEventContext > \n Inherited from \n ShadowOptions . shadowOffsetX \n Defined in \n options.d.ts:33 \n shadowOffsetY \n • Optional shadowOffsetY : Scriptable < number , PartialEventContext > \n Inherited from \n ShadowOptions . shadowOffsetY \n Defined in \n options.d.ts:34 \n textAlign \n • Optional textAlign : Scriptable < LabelTextAlign , PartialEventContext > \n Text alignment when the content of the label is multi-line. \n Default \n 'center' \n Inherited from \n ContainedLabelOptions . textAlign \n Defined in \n label.d.ts:53 \n textStrokeColor \n • Optional textStrokeColor : Scriptable < Color , PartialEventContext > \n Inherited from \n ContainedLabelOptions . textStrokeColor \n Defined in \n label.d.ts:54 \n textStrokeWidth \n • Optional textStrokeWidth : Scriptable < number , PartialEventContext > \n Inherited from \n ContainedLabelOptions . textStrokeWidth \n Defined in \n label.d.ts:55 \n width \n • Optional width : Scriptable < number | `${number}%`, PartialEventContext > \n Overrides the width of the image. Could be set in pixel by a number,\nor in percentage of current width of image by a string \n Inherited from \n ContainedLabelOptions . width \n Defined in \n label.d.ts:78 \n xAdjust \n • Optional xAdjust : Scriptable < number , PartialEventContext > \n Adjustment along x-axis (left-right) of label relative to above number (can be negative)\nFor horizontal lines positioned left or right, negative values move\nthe label toward the edge, and positive values toward the center. \n Default \n 0 \n Inherited from \n ContainedLabelOptions . xAdjust \n Defined in \n label.d.ts:62 \n yAdjust \n • Optional yAdjust : Scriptable < number , PartialEventContext > \n Adjustment along y-axis (top-bottom) of label relative to above number (can be negative)\nFor vertical lines positioned top or bottom, negative values move\nthe label toward the edge, and positive values toward the center. \n Default \n 0 \n Inherited from \n ContainedLabelOptions . yAdjust \n Defined in \n label.d.ts:69 \n z \n • Optional z : Scriptable < number , PartialEventContext > \n Inherited from \n ContainedLabelOptions . z \n Defined in \n label.d.ts:88 \n"},{title:"Interface: LabelPadding",frontmatter:{},regularPath:"/api/interfaces/LabelPadding.html",relativePath:"api/interfaces/LabelPadding.md",key:"v-35d1c17d",path:"/api/interfaces/LabelPadding.html",headers:[{level:2,title:"Properties",slug:"properties"},{level:3,title:"bottom",slug:"bottom"},{level:3,title:"left",slug:"left"},{level:3,title:"right",slug:"right"},{level:3,title:"top",slug:"top"},{level:3,title:"x",slug:"x"},{level:3,title:"y",slug:"y"}],content:" Interface: LabelPadding \n Properties \n bottom \n • Optional bottom : number \n Defined in \n label.d.ts:21 \n left \n • Optional left : number \n Defined in \n label.d.ts:19 \n right \n • Optional right : number \n Defined in \n label.d.ts:20 \n top \n • Optional top : number \n Defined in \n label.d.ts:18 \n x \n • Optional x : number \n Defined in \n label.d.ts:22 \n y \n • Optional y : number \n Defined in \n label.d.ts:23 \n"},{title:"Interface: LabelPositionObject",frontmatter:{},regularPath:"/api/interfaces/LabelPositionObject.html",relativePath:"api/interfaces/LabelPositionObject.md",key:"v-361cec5e",path:"/api/interfaces/LabelPositionObject.html",headers:[{level:2,title:"Properties",slug:"properties"},{level:3,title:"x",slug:"x"},{level:3,title:"y",slug:"y"}],content:" Interface: LabelPositionObject \n Properties \n x \n • Optional x : LabelPosition \n Defined in \n label.d.ts:13 \n y \n • Optional y : LabelPosition \n Defined in \n label.d.ts:14 \n"},{title:"Interface: LabelTypeOptions",frontmatter:{},regularPath:"/api/interfaces/LabelTypeOptions.html",relativePath:"api/interfaces/LabelTypeOptions.md",key:"v-07090646",path:"/api/interfaces/LabelTypeOptions.html",headers:[{level:2,title:"Hierarchy",slug:"hierarchy"},{level:2,title:"Properties",slug:"properties"},{level:3,title:"backgroundColor",slug:"backgroundcolor"},{level:3,title:"borderCapStyle",slug:"bordercapstyle"},{level:3,title:"borderColor",slug:"bordercolor"},{level:3,title:"borderDash",slug:"borderdash"},{level:3,title:"borderDashOffset",slug:"borderdashoffset"},{level:3,title:"borderJoinStyle",slug:"borderjoinstyle"},{level:3,title:"borderRadius",slug:"borderradius"},{level:3,title:"borderWidth",slug:"borderwidth"},{level:3,title:"callout",slug:"callout"},{level:3,title:"color",slug:"color"},{level:3,title:"content",slug:"content"},{level:3,title:"drawTime",slug:"drawtime"},{level:3,title:"font",slug:"font"},{level:3,title:"height",slug:"height"},{level:3,title:"opacity",slug:"opacity"},{level:3,title:"padding",slug:"padding"},{level:3,title:"position",slug:"position"},{level:3,title:"textAlign",slug:"textalign"},{level:3,title:"textStrokeColor",slug:"textstrokecolor"},{level:3,title:"textStrokeWidth",slug:"textstrokewidth"},{level:3,title:"width",slug:"width"},{level:3,title:"xAdjust",slug:"xadjust"},{level:3,title:"yAdjust",slug:"yadjust"},{level:3,title:"z",slug:"z"}],content:" Interface: LabelTypeOptions \n Hierarchy \n \n \n ContainedLabelOptions \n ↳ LabelTypeOptions \n ↳↳ LabelAnnotationOptions \n Properties \n backgroundColor \n • Optional backgroundColor : Scriptable < Color , PartialEventContext > \n Inherited from \n ContainedLabelOptions . backgroundColor \n Defined in \n label.d.ts:92 \n borderCapStyle \n • Optional borderCapStyle : Scriptable < CanvasLineCap , PartialEventContext > \n Border line cap style. See MDN. \n Default \n 'butt' \n Inherited from \n ContainedLabelOptions . borderCapStyle \n Defined in \n label.d.ts:99 \n borderColor \n • Optional borderColor : Scriptable < Color , PartialEventContext > \n Inherited from \n ContainedLabelOptions . borderColor \n Defined in \n label.d.ts:94 \n borderDash \n • Optional borderDash : Scriptable < number [], PartialEventContext > \n Border line dash. See MDN. \n Default \n [] \n Inherited from \n ContainedLabelOptions . borderDash \n Defined in \n label.d.ts:104 \n borderDashOffset \n • Optional borderDashOffset : Scriptable < number , PartialEventContext > \n Border line dash offset. See MDN. \n Default \n 0.0 \n Inherited from \n ContainedLabelOptions . borderDashOffset \n Defined in \n label.d.ts:109 \n borderJoinStyle \n • Optional borderJoinStyle : Scriptable < CanvasLineJoin , PartialEventContext > \n Border line join style. See MDN. \n Default \n 'miter' \n Inherited from \n ContainedLabelOptions . borderJoinStyle \n Defined in \n label.d.ts:114 \n borderRadius \n • Optional borderRadius : Scriptable < number | BorderRadius , PartialEventContext > \n Border radius of the label rectangle \n Default \n 6 \n Inherited from \n ContainedLabelOptions . borderRadius \n Defined in \n label.d.ts:119 \n borderWidth \n • Optional borderWidth : Scriptable < number , PartialEventContext > \n Inherited from \n ContainedLabelOptions . borderWidth \n Defined in \n label.d.ts:93 \n callout \n • Optional callout : CalloutOptions \n Inherited from \n ContainedLabelOptions . callout \n Defined in \n label.d.ts:120 \n color \n • Optional color : Scriptable < Color | Color [], PartialEventContext > \n Inherited from \n ContainedLabelOptions . color \n Defined in \n label.d.ts:43 \n content \n • content : Scriptable < string | string [] | HTMLCanvasElement | HTMLImageElement , PartialEventContext > \n Text to display in label. Provide an array to display multiple lines \n Inherited from \n ContainedLabelOptions . content \n Defined in \n label.d.ts:73 \n drawTime \n • Optional drawTime : Scriptable < DrawTime , PartialEventContext > \n Inherited from \n ContainedLabelOptions . drawTime \n Defined in \n label.d.ts:41 \n font \n • Optional font : Scriptable < Partial < FontSpec > | Partial < FontSpec >[], PartialEventContext > \n Inherited from \n ContainedLabelOptions . font \n Defined in \n label.d.ts:42 \n height \n • Optional height : Scriptable < number | `${number}%`, PartialEventContext > \n Overrides the height of the image. Could be set in pixel by a number,\nor in percentage of current height of image by a string \n Inherited from \n ContainedLabelOptions . height \n Defined in \n label.d.ts:83 \n opacity \n • Optional opacity : Scriptable < number , PartialEventContext > \n Overrides the opacity of the image. \n Inherited from \n ContainedLabelOptions . opacity \n Defined in \n label.d.ts:87 \n padding \n • Optional padding : Scriptable < number | LabelPadding , PartialEventContext > \n Padding of label \n Default \n 6 \n Inherited from \n ContainedLabelOptions . padding \n Defined in \n label.d.ts:48 \n position \n • Optional position : Scriptable < LabelPosition | LabelPositionObject , PartialEventContext > \n Defined in \n label.d.ts:150 \n textAlign \n • Optional textAlign : Scriptable < LabelTextAlign , PartialEventContext > \n Text alignment when the content of the label is multi-line. \n Default \n 'center' \n Inherited from \n ContainedLabelOptions . textAlign \n Defined in \n label.d.ts:53 \n textStrokeColor \n • Optional textStrokeColor : Scriptable < Color , PartialEventContext > \n Inherited from \n ContainedLabelOptions . textStrokeColor \n Defined in \n label.d.ts:54 \n textStrokeWidth \n • Optional textStrokeWidth : Scriptable < number , PartialEventContext > \n Inherited from \n ContainedLabelOptions . textStrokeWidth \n Defined in \n label.d.ts:55 \n width \n • Optional width : Scriptable < number | `${number}%`, PartialEventContext > \n Overrides the width of the image. Could be set in pixel by a number,\nor in percentage of current width of image by a string \n Inherited from \n ContainedLabelOptions . width \n Defined in \n label.d.ts:78 \n xAdjust \n • Optional xAdjust : Scriptable < number , PartialEventContext > \n Adjustment along x-axis (left-right) of label relative to above number (can be negative)\nFor horizontal lines positioned left or right, negative values move\nthe label toward the edge, and positive values toward the center. \n Default \n 0 \n Inherited from \n ContainedLabelOptions . xAdjust \n Defined in \n label.d.ts:62 \n yAdjust \n • Optional yAdjust : Scriptable < number , PartialEventContext > \n Adjustment along y-axis (top-bottom) of label relative to above number (can be negative)\nFor vertical lines positioned top or bottom, negative values move\nthe label toward the edge, and positive values toward the center. \n Default \n 0 \n Inherited from \n ContainedLabelOptions . yAdjust \n Defined in \n label.d.ts:69 \n z \n • Optional z : Scriptable < number , PartialEventContext > \n Inherited from \n ContainedLabelOptions . z \n Defined in \n label.d.ts:88 \n"},{title:"Interface: LineAnnotationOptions",frontmatter:{},regularPath:"/api/interfaces/LineAnnotationOptions.html",relativePath:"api/interfaces/LineAnnotationOptions.md",key:"v-42745613",path:"/api/interfaces/LineAnnotationOptions.html",headers:[{level:2,title:"Hierarchy",slug:"hierarchy"},{level:2,title:"Properties",slug:"properties"},{level:3,title:"adjustScaleRange",slug:"adjustscalerange"},{level:3,title:"arrowHeads",slug:"arrowheads"},{level:3,title:"backgroundShadowColor",slug:"backgroundshadowcolor"},{level:3,title:"borderColor",slug:"bordercolor"},{level:3,title:"borderDash",slug:"borderdash"},{level:3,title:"borderDashOffset",slug:"borderdashoffset"},{level:3,title:"borderShadowColor",slug:"bordershadowcolor"},{level:3,title:"borderWidth",slug:"borderwidth"},{level:3,title:"controlPoint",slug:"controlpoint"},{level:3,title:"curve",slug:"curve"},{level:3,title:"display",slug:"display"},{level:3,title:"drawTime",slug:"drawtime"},{level:3,title:"endValue",slug:"endvalue"},{level:3,title:"hitTolerance",slug:"hittolerance"},{level:3,title:"id",slug:"id"},{level:3,title:"init",slug:"init"},{level:3,title:"label",slug:"label"},{level:3,title:"scaleID",slug:"scaleid"},{level:3,title:"shadowBlur",slug:"shadowblur"},{level:3,title:"shadowOffsetX",slug:"shadowoffsetx"},{level:3,title:"shadowOffsetY",slug:"shadowoffsety"},{level:3,title:"value",slug:"value"},{level:3,title:"xMax",slug:"xmax"},{level:3,title:"xMin",slug:"xmin"},{level:3,title:"xScaleID",slug:"xscaleid"},{level:3,title:"yMax",slug:"ymax"},{level:3,title:"yMin",slug:"ymin"},{level:3,title:"yScaleID",slug:"yscaleid"},{level:3,title:"z",slug:"z"},{level:2,title:"Methods",slug:"methods"},{level:3,title:"afterDraw",slug:"afterdraw"},{level:3,title:"beforeDraw",slug:"beforedraw"},{level:3,title:"click",slug:"click"},{level:3,title:"enter",slug:"enter"},{level:3,title:"leave",slug:"leave"}],content:" Interface: LineAnnotationOptions \n Hierarchy \n \n \n CoreAnnotationOptions \n ↳ LineAnnotationOptions \n Properties \n adjustScaleRange \n • Optional adjustScaleRange : Scriptable < boolean , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . adjustScaleRange \n Defined in \n options.d.ts:38 \n arrowHeads \n • Optional arrowHeads : ArrowHeadsOptions \n Defined in \n options.d.ts:85 \n backgroundShadowColor \n • Optional backgroundShadowColor : Scriptable < Color , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . backgroundShadowColor \n Defined in \n options.d.ts:30 \n borderColor \n • Optional borderColor : Scriptable < Color , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . borderColor \n Defined in \n options.d.ts:39 \n borderDash \n • Optional borderDash : Scriptable < number [], PartialEventContext > \n Inherited from \n CoreAnnotationOptions . borderDash \n Defined in \n options.d.ts:40 \n borderDashOffset \n • Optional borderDashOffset : Scriptable < number , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . borderDashOffset \n Defined in \n options.d.ts:41 \n borderShadowColor \n • Optional borderShadowColor : Scriptable < Color , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . borderShadowColor \n Defined in \n options.d.ts:31 \n borderWidth \n • Optional borderWidth : Scriptable < number , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . borderWidth \n Defined in \n options.d.ts:42 \n controlPoint \n • Optional controlPoint : Scriptable < string | number | ControlPointOptions , PartialEventContext > \n Defined in \n options.d.ts:87 \n curve \n • Optional curve : Scriptable < boolean , PartialEventContext > \n Defined in \n options.d.ts:86 \n display \n • Optional display : Scriptable < boolean , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . display \n Defined in \n options.d.ts:43 \n drawTime \n • Optional drawTime : Scriptable < DrawTime , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . drawTime \n Defined in \n options.d.ts:44 \n endValue \n • Optional endValue : Scriptable < string | number , PartialEventContext > \n Defined in \n options.d.ts:88 \n hitTolerance \n • Optional hitTolerance : Scriptable < number , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . hitTolerance \n Defined in \n options.d.ts:45 \n id \n • Optional id : string \n Inherited from \n CoreAnnotationOptions . id \n Defined in \n options.d.ts:47 \n init \n • Optional init : boolean | ( chart : Chart , properties : AnnotationBoxModel , options : AnnotationOptions ) => boolean | void | AnnotationElement \n Inherited from \n CoreAnnotationOptions . init \n Defined in \n options.d.ts:46 \n label \n • Optional label : LabelOptions \n Defined in \n options.d.ts:89 \n scaleID \n • Optional scaleID : Scriptable < string , PartialEventContext > \n Defined in \n options.d.ts:90 \n shadowBlur \n • Optional shadowBlur : Scriptable < number , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . shadowBlur \n Defined in \n options.d.ts:32 \n shadowOffsetX \n • Optional shadowOffsetX : Scriptable < number , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . shadowOffsetX \n Defined in \n options.d.ts:33 \n shadowOffsetY \n • Optional shadowOffsetY : Scriptable < number , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . shadowOffsetY \n Defined in \n options.d.ts:34 \n value \n • Optional value : Scriptable < string | number , PartialEventContext > \n Defined in \n options.d.ts:91 \n xMax \n • Optional xMax : Scriptable < ScaleValue , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . xMax \n Defined in \n options.d.ts:48 \n xMin \n • Optional xMin : Scriptable < ScaleValue , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . xMin \n Defined in \n options.d.ts:49 \n xScaleID \n • Optional xScaleID : Scriptable < string , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . xScaleID \n Defined in \n options.d.ts:50 \n yMax \n • Optional yMax : Scriptable < ScaleValue , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . yMax \n Defined in \n options.d.ts:51 \n yMin \n • Optional yMin : Scriptable < ScaleValue , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . yMin \n Defined in \n options.d.ts:52 \n yScaleID \n • Optional yScaleID : Scriptable < string , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . yScaleID \n Defined in \n options.d.ts:53 \n z \n • Optional z : Scriptable < number , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . z \n Defined in \n options.d.ts:54 \n Methods \n afterDraw \n ▸ Optional afterDraw ( context ): void \n Parameters \n \n \n \n Name \n Type \n \n \n \n \n context \n EventContext \n Returns \n void \n Inherited from \n CoreAnnotationOptions . afterDraw \n Defined in \n options.d.ts:23 \n beforeDraw \n ▸ Optional beforeDraw ( context ): void \n Parameters \n \n \n \n Name \n Type \n \n \n \n \n context \n EventContext \n Returns \n void \n Inherited from \n CoreAnnotationOptions . beforeDraw \n Defined in \n options.d.ts:22 \n click \n ▸ Optional click ( context , event ): boolean | void \n Parameters \n \n \n \n Name \n Type \n \n \n \n \n context \n EventContext \n \n \n event \n ChartEvent \n Returns \n boolean | void \n Inherited from \n CoreAnnotationOptions . click \n Defined in \n events.d.ts:27 \n enter \n ▸ Optional enter ( context , event ): boolean | void \n Parameters \n \n \n \n Name \n Type \n \n \n \n \n context \n EventContext \n \n \n event \n ChartEvent \n Returns \n boolean | void \n Inherited from \n CoreAnnotationOptions . enter \n Defined in \n events.d.ts:25 \n leave \n ▸ Optional leave ( context , event ): boolean | void \n Parameters \n \n \n \n Name \n Type \n \n \n \n \n context \n EventContext \n \n \n event \n ChartEvent \n Returns \n boolean | void \n Inherited from \n CoreAnnotationOptions . leave \n Defined in \n events.d.ts:26 \n"},{title:"Interface: PartialEventContext",frontmatter:{},regularPath:"/api/interfaces/PartialEventContext.html",relativePath:"api/interfaces/PartialEventContext.md",key:"v-16482446",path:"/api/interfaces/PartialEventContext.html",headers:[{level:2,title:"Properties",slug:"properties"},{level:3,title:"chart",slug:"chart"},{level:3,title:"element",slug:"element"},{level:3,title:"elements",slug:"elements"},{level:3,title:"id",slug:"id"},{level:3,title:"type",slug:"type"}],content:" Interface: PartialEventContext \n Some scriptable options may be called with during the chart's initial\ndisplay, when the element isn't fully initialized. \n Properties \n chart \n • chart : Chart \n Defined in \n events.d.ts:17 \n element \n • Optional element : Partial < AnnotationElement > \n Defined in \n events.d.ts:18 \n elements \n • Optional elements : AnnotationElement [] \n Defined in \n events.d.ts:19 \n id \n • Optional id : string \n Defined in \n events.d.ts:20 \n type \n • Optional type : string \n Defined in \n events.d.ts:21 \n"},{title:"Interface: PointAnnotationOptions",frontmatter:{},regularPath:"/api/interfaces/PointAnnotationOptions.html",relativePath:"api/interfaces/PointAnnotationOptions.md",key:"v-5dd3097d",path:"/api/interfaces/PointAnnotationOptions.html",headers:[{level:2,title:"Hierarchy",slug:"hierarchy"},{level:2,title:"Properties",slug:"properties"},{level:3,title:"adjustScaleRange",slug:"adjustscalerange"},{level:3,title:"backgroundColor",slug:"backgroundcolor"},{level:3,title:"backgroundShadowColor",slug:"backgroundshadowcolor"},{level:3,title:"borderColor",slug:"bordercolor"},{level:3,title:"borderDash",slug:"borderdash"},{level:3,title:"borderDashOffset",slug:"borderdashoffset"},{level:3,title:"borderShadowColor",slug:"bordershadowcolor"},{level:3,title:"borderWidth",slug:"borderwidth"},{level:3,title:"display",slug:"display"},{level:3,title:"drawTime",slug:"drawtime"},{level:3,title:"hitTolerance",slug:"hittolerance"},{level:3,title:"id",slug:"id"},{level:3,title:"init",slug:"init"},{level:3,title:"pointStyle",slug:"pointstyle"},{level:3,title:"radius",slug:"radius"},{level:3,title:"rotation",slug:"rotation"},{level:3,title:"shadowBlur",slug:"shadowblur"},{level:3,title:"shadowOffsetX",slug:"shadowoffsetx"},{level:3,title:"shadowOffsetY",slug:"shadowoffsety"},{level:3,title:"xAdjust",slug:"xadjust"},{level:3,title:"xMax",slug:"xmax"},{level:3,title:"xMin",slug:"xmin"},{level:3,title:"xScaleID",slug:"xscaleid"},{level:3,title:"xValue",slug:"xvalue"},{level:3,title:"yAdjust",slug:"yadjust"},{level:3,title:"yMax",slug:"ymax"},{level:3,title:"yMin",slug:"ymin"},{level:3,title:"yScaleID",slug:"yscaleid"},{level:3,title:"yValue",slug:"yvalue"},{level:3,title:"z",slug:"z"},{level:2,title:"Methods",slug:"methods"},{level:3,title:"afterDraw",slug:"afterdraw"},{level:3,title:"beforeDraw",slug:"beforedraw"},{level:3,title:"click",slug:"click"},{level:3,title:"enter",slug:"enter"},{level:3,title:"leave",slug:"leave"}],content:" Interface: PointAnnotationOptions \n Hierarchy \n \n \n CoreAnnotationOptions \n \n \n AnnotationPointCoordinates \n ↳ PointAnnotationOptions \n Properties \n adjustScaleRange \n • Optional adjustScaleRange : Scriptable < boolean , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . adjustScaleRange \n Defined in \n options.d.ts:38 \n backgroundColor \n • backgroundColor : Scriptable < Color , PartialEventContext > \n Defined in \n options.d.ts:128 \n backgroundShadowColor \n • Optional backgroundShadowColor : Scriptable < Color , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . backgroundShadowColor \n Defined in \n options.d.ts:30 \n borderColor \n • Optional borderColor : Scriptable < Color , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . borderColor \n Defined in \n options.d.ts:39 \n borderDash \n • Optional borderDash : Scriptable < number [], PartialEventContext > \n Inherited from \n CoreAnnotationOptions . borderDash \n Defined in \n options.d.ts:40 \n borderDashOffset \n • Optional borderDashOffset : Scriptable < number , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . borderDashOffset \n Defined in \n options.d.ts:41 \n borderShadowColor \n • Optional borderShadowColor : Scriptable < Color , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . borderShadowColor \n Defined in \n options.d.ts:31 \n borderWidth \n • Optional borderWidth : Scriptable < number , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . borderWidth \n Defined in \n options.d.ts:42 \n display \n • Optional display : Scriptable < boolean , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . display \n Defined in \n options.d.ts:43 \n drawTime \n • Optional drawTime : Scriptable < DrawTime , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . drawTime \n Defined in \n options.d.ts:44 \n hitTolerance \n • Optional hitTolerance : Scriptable < number , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . hitTolerance \n Defined in \n options.d.ts:45 \n id \n • Optional id : string \n Inherited from \n CoreAnnotationOptions . id \n Defined in \n options.d.ts:47 \n init \n • Optional init : boolean | ( chart : Chart , properties : AnnotationBoxModel , options : AnnotationOptions ) => boolean | void | AnnotationElement \n Inherited from \n CoreAnnotationOptions . init \n Defined in \n options.d.ts:46 \n pointStyle \n • Optional pointStyle : Scriptable < PointStyle , PartialEventContext > \n Defined in \n options.d.ts:129 \n radius \n • Optional radius : Scriptable < number , PartialEventContext > \n Defined in \n options.d.ts:130 \n rotation \n • Optional rotation : Scriptable < number , PartialEventContext > \n Defined in \n options.d.ts:131 \n shadowBlur \n • Optional shadowBlur : Scriptable < number , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . shadowBlur \n Defined in \n options.d.ts:32 \n shadowOffsetX \n • Optional shadowOffsetX : Scriptable < number , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . shadowOffsetX \n Defined in \n options.d.ts:33 \n shadowOffsetY \n • Optional shadowOffsetY : Scriptable < number , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . shadowOffsetY \n Defined in \n options.d.ts:34 \n xAdjust \n • Optional xAdjust : Scriptable < number , PartialEventContext > \n Defined in \n options.d.ts:132 \n xMax \n • Optional xMax : Scriptable < ScaleValue , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . xMax \n Defined in \n options.d.ts:48 \n xMin \n • Optional xMin : Scriptable < ScaleValue , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . xMin \n Defined in \n options.d.ts:49 \n xScaleID \n • Optional xScaleID : Scriptable < string , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . xScaleID \n Defined in \n options.d.ts:50 \n xValue \n • Optional xValue : Scriptable < ScaleValue , PartialEventContext > \n Inherited from \n AnnotationPointCoordinates . xValue \n Defined in \n options.d.ts:58 \n yAdjust \n • Optional yAdjust : Scriptable < number , PartialEventContext > \n Defined in \n options.d.ts:133 \n yMax \n • Optional yMax : Scriptable < ScaleValue , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . yMax \n Defined in \n options.d.ts:51 \n yMin \n • Optional yMin : Scriptable < ScaleValue , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . yMin \n Defined in \n options.d.ts:52 \n yScaleID \n • Optional yScaleID : Scriptable < string , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . yScaleID \n Defined in \n options.d.ts:53 \n yValue \n • Optional yValue : Scriptable < ScaleValue , PartialEventContext > \n Inherited from \n AnnotationPointCoordinates . yValue \n Defined in \n options.d.ts:59 \n z \n • Optional z : Scriptable < number , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . z \n Defined in \n options.d.ts:54 \n Methods \n afterDraw \n ▸ Optional afterDraw ( context ): void \n Parameters \n \n \n \n Name \n Type \n \n \n \n \n context \n EventContext \n Returns \n void \n Inherited from \n CoreAnnotationOptions . afterDraw \n Defined in \n options.d.ts:23 \n beforeDraw \n ▸ Optional beforeDraw ( context ): void \n Parameters \n \n \n \n Name \n Type \n \n \n \n \n context \n EventContext \n Returns \n void \n Inherited from \n CoreAnnotationOptions . beforeDraw \n Defined in \n options.d.ts:22 \n click \n ▸ Optional click ( context , event ): boolean | void \n Parameters \n \n \n \n Name \n Type \n \n \n \n \n context \n EventContext \n \n \n event \n ChartEvent \n Returns \n boolean | void \n Inherited from \n CoreAnnotationOptions . click \n Defined in \n events.d.ts:27 \n enter \n ▸ Optional enter ( context , event ): boolean | void \n Parameters \n \n \n \n Name \n Type \n \n \n \n \n context \n EventContext \n \n \n event \n ChartEvent \n Returns \n boolean | void \n Inherited from \n CoreAnnotationOptions . enter \n Defined in \n events.d.ts:25 \n leave \n ▸ Optional leave ( context , event ): boolean | void \n Parameters \n \n \n \n Name \n Type \n \n \n \n \n context \n EventContext \n \n \n event \n ChartEvent \n Returns \n boolean | void \n Inherited from \n CoreAnnotationOptions . leave \n Defined in \n events.d.ts:26 \n"},{title:"Interface: PolygonAnnotationOptions",frontmatter:{},regularPath:"/api/interfaces/PolygonAnnotationOptions.html",relativePath:"api/interfaces/PolygonAnnotationOptions.md",key:"v-86eb5006",path:"/api/interfaces/PolygonAnnotationOptions.html",headers:[{level:2,title:"Hierarchy",slug:"hierarchy"},{level:2,title:"Properties",slug:"properties"},{level:3,title:"adjustScaleRange",slug:"adjustscalerange"},{level:3,title:"backgroundColor",slug:"backgroundcolor"},{level:3,title:"backgroundShadowColor",slug:"backgroundshadowcolor"},{level:3,title:"borderCapStyle",slug:"bordercapstyle"},{level:3,title:"borderColor",slug:"bordercolor"},{level:3,title:"borderDash",slug:"borderdash"},{level:3,title:"borderDashOffset",slug:"borderdashoffset"},{level:3,title:"borderJoinStyle",slug:"borderjoinstyle"},{level:3,title:"borderShadowColor",slug:"bordershadowcolor"},{level:3,title:"borderWidth",slug:"borderwidth"},{level:3,title:"display",slug:"display"},{level:3,title:"drawTime",slug:"drawtime"},{level:3,title:"hitTolerance",slug:"hittolerance"},{level:3,title:"id",slug:"id"},{level:3,title:"init",slug:"init"},{level:3,title:"point",slug:"point"},{level:3,title:"radius",slug:"radius"},{level:3,title:"rotation",slug:"rotation"},{level:3,title:"shadowBlur",slug:"shadowblur"},{level:3,title:"shadowOffsetX",slug:"shadowoffsetx"},{level:3,title:"shadowOffsetY",slug:"shadowoffsety"},{level:3,title:"sides",slug:"sides"},{level:3,title:"xAdjust",slug:"xadjust"},{level:3,title:"xMax",slug:"xmax"},{level:3,title:"xMin",slug:"xmin"},{level:3,title:"xScaleID",slug:"xscaleid"},{level:3,title:"xValue",slug:"xvalue"},{level:3,title:"yAdjust",slug:"yadjust"},{level:3,title:"yMax",slug:"ymax"},{level:3,title:"yMin",slug:"ymin"},{level:3,title:"yScaleID",slug:"yscaleid"},{level:3,title:"yValue",slug:"yvalue"},{level:3,title:"z",slug:"z"},{level:2,title:"Methods",slug:"methods"},{level:3,title:"afterDraw",slug:"afterdraw"},{level:3,title:"beforeDraw",slug:"beforedraw"},{level:3,title:"click",slug:"click"},{level:3,title:"enter",slug:"enter"},{level:3,title:"leave",slug:"leave"}],content:" Interface: PolygonAnnotationOptions \n Hierarchy \n \n \n CoreAnnotationOptions \n \n \n AnnotationPointCoordinates \n ↳ PolygonAnnotationOptions \n Properties \n adjustScaleRange \n • Optional adjustScaleRange : Scriptable < boolean , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . adjustScaleRange \n Defined in \n options.d.ts:38 \n backgroundColor \n • backgroundColor : Scriptable < Color , PartialEventContext > \n Defined in \n options.d.ts:141 \n backgroundShadowColor \n • Optional backgroundShadowColor : Scriptable < Color , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . backgroundShadowColor \n Defined in \n options.d.ts:30 \n borderCapStyle \n • Optional borderCapStyle : Scriptable < CanvasLineCap , PartialEventContext > \n Defined in \n options.d.ts:142 \n borderColor \n • Optional borderColor : Scriptable < Color , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . borderColor \n Defined in \n options.d.ts:39 \n borderDash \n • Optional borderDash : Scriptable < number [], PartialEventContext > \n Inherited from \n CoreAnnotationOptions . borderDash \n Defined in \n options.d.ts:40 \n borderDashOffset \n • Optional borderDashOffset : Scriptable < number , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . borderDashOffset \n Defined in \n options.d.ts:41 \n borderJoinStyle \n • Optional borderJoinStyle : Scriptable < CanvasLineJoin , PartialEventContext > \n Defined in \n options.d.ts:143 \n borderShadowColor \n • Optional borderShadowColor : Scriptable < Color , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . borderShadowColor \n Defined in \n options.d.ts:31 \n borderWidth \n • Optional borderWidth : Scriptable < number , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . borderWidth \n Defined in \n options.d.ts:42 \n display \n • Optional display : Scriptable < boolean , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . display \n Defined in \n options.d.ts:43 \n drawTime \n • Optional drawTime : Scriptable < DrawTime , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . drawTime \n Defined in \n options.d.ts:44 \n hitTolerance \n • Optional hitTolerance : Scriptable < number , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . hitTolerance \n Defined in \n options.d.ts:45 \n id \n • Optional id : string \n Inherited from \n CoreAnnotationOptions . id \n Defined in \n options.d.ts:47 \n init \n • Optional init : boolean | ( chart : Chart , properties : AnnotationBoxModel , options : AnnotationOptions ) => boolean | void | AnnotationElement \n Inherited from \n CoreAnnotationOptions . init \n Defined in \n options.d.ts:46 \n point \n • Optional point : PointAnnotationOptions \n Defined in \n options.d.ts:144 \n radius \n • Optional radius : Scriptable < number , PartialEventContext > \n Defined in \n options.d.ts:145 \n rotation \n • Optional rotation : Scriptable < number , PartialEventContext > \n Defined in \n options.d.ts:146 \n shadowBlur \n • Optional shadowBlur : Scriptable < number , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . shadowBlur \n Defined in \n options.d.ts:32 \n shadowOffsetX \n • Optional shadowOffsetX : Scriptable < number , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . shadowOffsetX \n Defined in \n options.d.ts:33 \n shadowOffsetY \n • Optional shadowOffsetY : Scriptable < number , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . shadowOffsetY \n Defined in \n options.d.ts:34 \n sides \n • Optional sides : Scriptable < number , PartialEventContext > \n Defined in \n options.d.ts:147 \n xAdjust \n • Optional xAdjust : Scriptable < number , PartialEventContext > \n Defined in \n options.d.ts:148 \n xMax \n • Optional xMax : Scriptable < ScaleValue , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . xMax \n Defined in \n options.d.ts:48 \n xMin \n • Optional xMin : Scriptable < ScaleValue , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . xMin \n Defined in \n options.d.ts:49 \n xScaleID \n • Optional xScaleID : Scriptable < string , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . xScaleID \n Defined in \n options.d.ts:50 \n xValue \n • Optional xValue : Scriptable < ScaleValue , PartialEventContext > \n Inherited from \n AnnotationPointCoordinates . xValue \n Defined in \n options.d.ts:58 \n yAdjust \n • Optional yAdjust : Scriptable < number , PartialEventContext > \n Defined in \n options.d.ts:149 \n yMax \n • Optional yMax : Scriptable < ScaleValue , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . yMax \n Defined in \n options.d.ts:51 \n yMin \n • Optional yMin : Scriptable < ScaleValue , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . yMin \n Defined in \n options.d.ts:52 \n yScaleID \n • Optional yScaleID : Scriptable < string , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . yScaleID \n Defined in \n options.d.ts:53 \n yValue \n • Optional yValue : Scriptable < ScaleValue , PartialEventContext > \n Inherited from \n AnnotationPointCoordinates . yValue \n Defined in \n options.d.ts:59 \n z \n • Optional z : Scriptable < number , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . z \n Defined in \n options.d.ts:54 \n Methods \n afterDraw \n ▸ Optional afterDraw ( context ): void \n Parameters \n \n \n \n Name \n Type \n \n \n \n \n context \n EventContext \n Returns \n void \n Inherited from \n CoreAnnotationOptions . afterDraw \n Defined in \n options.d.ts:23 \n beforeDraw \n ▸ Optional beforeDraw ( context ): void \n Parameters \n \n \n \n Name \n Type \n \n \n \n \n context \n EventContext \n Returns \n void \n Inherited from \n CoreAnnotationOptions . beforeDraw \n Defined in \n options.d.ts:22 \n click \n ▸ Optional click ( context , event ): boolean | void \n Parameters \n \n \n \n Name \n Type \n \n \n \n \n context \n EventContext \n \n \n event \n ChartEvent \n Returns \n boolean | void \n Inherited from \n CoreAnnotationOptions . click \n Defined in \n events.d.ts:27 \n enter \n ▸ Optional enter ( context , event ): boolean | void \n Parameters \n \n \n \n Name \n Type \n \n \n \n \n context \n EventContext \n \n \n event \n ChartEvent \n Returns \n boolean | void \n Inherited from \n CoreAnnotationOptions . enter \n Defined in \n events.d.ts:25 \n leave \n ▸ Optional leave ( context , event ): boolean | void \n Parameters \n \n \n \n Name \n Type \n \n \n \n \n context \n EventContext \n \n \n event \n ChartEvent \n Returns \n boolean | void \n Inherited from \n CoreAnnotationOptions . leave \n Defined in \n events.d.ts:26 \n"},{title:"Interface: ShadowOptions",frontmatter:{},regularPath:"/api/interfaces/ShadowOptions.html",relativePath:"api/interfaces/ShadowOptions.md",key:"v-7b380066",path:"/api/interfaces/ShadowOptions.html",headers:[{level:2,title:"Hierarchy",slug:"hierarchy"},{level:2,title:"Properties",slug:"properties"},{level:3,title:"backgroundShadowColor",slug:"backgroundshadowcolor"},{level:3,title:"borderShadowColor",slug:"bordershadowcolor"},{level:3,title:"shadowBlur",slug:"shadowblur"},{level:3,title:"shadowOffsetX",slug:"shadowoffsetx"},{level:3,title:"shadowOffsetY",slug:"shadowoffsety"}],content:" Interface: ShadowOptions \n Hierarchy \n \n \n ShadowOptions \n ↳ LabelOptions \n ↳ CoreAnnotationOptions \n ↳ ArrowHeadOptions \n Properties \n backgroundShadowColor \n • Optional backgroundShadowColor : Scriptable < Color , PartialEventContext > \n Defined in \n options.d.ts:30 \n borderShadowColor \n • Optional borderShadowColor : Scriptable < Color , PartialEventContext > \n Defined in \n options.d.ts:31 \n shadowBlur \n • Optional shadowBlur : Scriptable < number , PartialEventContext > \n Defined in \n options.d.ts:32 \n shadowOffsetX \n • Optional shadowOffsetX : Scriptable < number , PartialEventContext > \n Defined in \n options.d.ts:33 \n shadowOffsetY \n • Optional shadowOffsetY : Scriptable < number , PartialEventContext > \n Defined in \n options.d.ts:34 \n"},{title:"Configuration",frontmatter:{title:"Configuration"},regularPath:"/guide/configuration.html",relativePath:"guide/configuration.md",key:"v-64ad1186",path:"/guide/configuration.html",headers:[{level:2,title:"Top level options",slug:"top-level-options"},{level:2,title:"Animations",slug:"animations"},{level:3,title:"Default animations",slug:"default-animations"},{level:2,title:"Common",slug:"common"},{level:3,title:"Initial animation",slug:"initial-animation"},{level:2,title:"Events",slug:"events"},{level:2,title:"Hooks",slug:"hooks"}],lastUpdated:"9/19/2024, 7:48:57 AM",lastUpdatedTimestamp:1726732137e3,content:" Top level options \n The following options are available at the top level. They apply to all annotations unless they are overwritten on a per-annotation basis. \n \n \n \n Name \n Type \n Scriptable \n Default \n Notes \n \n \n \n \n animations \n object \n No \n see here \n To configure which element properties are animated and how. \n \n \n annnotations \n object | array \n Yes \n undefined \n To configure all annotations to draw. \n \n \n clip \n boolean \n No \n true \n Are the annotations clipped to the chartArea. \n \n \n common \n Object \n No \n \n To configure common options apply to all annotations \n \n \n interaction \n Object \n No \n options.interaction \n To configure which events trigger plugin interactions \n \n \n \n WARNING \n Setting clip to false , you can enable the possibility to draw part of the annotation outside of the chart area. \n Nevertheless events are only caught over the chartArea. \n Animations \n Animations options configures which element properties are animated and how, with the same configuration of chart.js . \n const options = { \n plugins : { \n annotation : { \n animations : { \n numbers : { \n properties : [ 'x' , 'y' , 'x2' , 'y2' , 'width' , 'height' , 'radius' ] , \n type : 'number' \n } , \n } , \n annotations : { \n box1 : { \n type : 'box' , \n xMin : 1 , \n xMax : 2 , \n yMin : 50 , \n yMax : 70 , \n backgroundColor : 'rgba(255, 99, 132, 0.5)' \n } \n } \n } \n } \n } ; \n Default animations \n \n \n \n Name \n Option \n Value \n \n \n \n \n numbers \n properties \n ['x', 'y', 'x2', 'y2', 'width', 'height', 'centerX', 'centerY', 'pointX', 'pointY', 'radius'] \n \n \n numbers \n type \n number \n Common \n The following options apply to all annotations unless they are overwritten on a per-annotation basis. \n \n \n \n Name \n Type \n Scriptable \n Default \n Notes \n \n \n \n \n drawTime \n string | number \n Yes \n 'afterDatasetsDraw' \n See drawTime . \n \n \n init \n boolean \n See initial animation \n false \n Enable the animation to the annotations when they are drawing at chart initialization \n Initial animation \n The init option is scriptable but it doesn't get the options context as argument but a specific context because the element has not been initialized yet, when the callback is invoked. \n This is the signature of the scriptable option: \n ( { chart , properties , options } ) => void | boolean | AnnotationElement\n \n where the properties is the element model \n { \n x : number , \n y : number , \n x2 : number , \n y2 : number , \n centerX : number , \n centerY : number , \n width : number , \n height : number , \n radius ? : number\n } \n \n which can be used in the callback to return an object with the initial values of the element, to provide own initial animation. \n Events \n The following options are available for all annotation types. These options can be specified per annotation, or at the top level which apply to all annotations. \n \n \n \n Name \n Type \n Chart event 1 \n Notes \n \n \n \n \n click \n (context, event) => boolean | void \n 'click' \n Called when a single click occurs on the annotation. \n \n \n enter \n (context, event) => boolean | void \n 'mousemove' \n Called when the mouse enters the annotation. \n \n \n leave \n (context, event) => boolean | void \n 'mousemove' \n Called when the mouse leaves the annotation. \n \n \n \n TIP \n 1 Chart.js events that need to be enabled in order to get the associated annotation event working. Note that by default Chart.js enables 'mousemove', 'mouseout', 'click', 'touchstart', 'touchmove' , meaning that annotation events work out-of-the-box. \n \n If the event callbacks explicitly returns true , the chart will re-render automatically after processing the event completely. This is important when there are the annotations that require re-draws (for instance, after a change of a rendering options). \n Hooks \n The following hooks are available for all annotation types. These hooks can be specified per annotation, or at the top level which apply to all annotations. \n These hooks enable some user customizations on the annotations. \n \n \n \n Name \n Type \n Notes \n \n \n \n \n beforeDraw \n (context) => void \n Called before that the annotation is being drawn. \n \n \n afterDraw \n (context) => void \n Called after the annotation has been drawn. \n \n \n \n"},{title:"Developers",frontmatter:{},regularPath:"/guide/developers.html",relativePath:"guide/developers.md",key:"v-0e308dd1",path:"/guide/developers.html",headers:[{level:2,title:"Access to the annotation elements",slug:"access-to-the-annotation-elements"},{level:3,title:".getAnnotations(chart: Chart): AnnotationElement[]",slug:"getannotations-chart-chart-annotationelement"}],lastUpdated:"9/19/2024, 7:48:57 AM",lastUpdatedTimestamp:1726732137e3,content:" Developers \n Access to the annotation elements \n The annotation plugin uses Chart.js elements to draw the annotation requested by the user. The following APIs allows the user to get the created annotation elements to use in callbacks or for other purposes.\nThe APIs are available in the annotation plugin instance. \n Script Tag \n < script > \n // get annotation plugin instance \n const annotationPlugin = window [ 'chartjs-plugin-annotation' ] ; \n \n Bundlers (Webpack, Rollup, etc.) \n // get annotation plugin instance \n import annotationPlugin from 'chartjs-plugin-annotation' ; \n .getAnnotations(chart: Chart): AnnotationElement[] \n It provides all annotation elements configured by the plugin options, even if the annotations are not visible. \n const myLineChart = new Chart ( ctx , config ) ; \n // get all annotation elements \n const elements = annotationPlugin . getAnnotations ( myLineChart ) ; \n \n "},{title:"Contributing",frontmatter:{id:"contributing",title:"Contributing",sidebar:"contributing"},regularPath:"/guide/contributing.html",relativePath:"guide/contributing.md",key:"v-54682062",path:"/guide/contributing.html",headers:[{level:2,title:"Using issues",slug:"using-issues"},{level:2,title:"Reporting bugs",slug:"reporting-bugs"},{level:2,title:"Local development",slug:"local-development"},{level:2,title:"Pull requests",slug:"pull-requests"},{level:2,title:"License",slug:"license"}],lastUpdated:"9/19/2024, 7:48:57 AM",lastUpdatedTimestamp:1726732137e3,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:"9/19/2024, 7:48:57 AM",lastUpdatedTimestamp:1726732137e3,content:" Getting Started \n DANGER \n This plugin needs to be registered. It does not function as inline plugin. \n \n An annotation plugin for Chart.js >= 4.0.0 \n This plugin draws lines, boxes, labels, points, polygons and ellipses on the chart area. Annotations work with line, bar, scatter and bubble charts that use linear, logarithmic, time, or category scales. Annotations will not work on any chart that does not have exactly two axes, including pie, radar, and polar area charts. \n Installation \n > npm install chartjs-plugin-annotation\n \n Important Note \n For Chart.js 3.7.0 to 3.9.1 support, use version 2.2.1 of this plugin \n For Chart.js 3.0.0 to 3.6.2 support, use version 1.4.0 of this plugin \n For Chart.js 2.4.0 to 2.9.x support, use version 0.5.7 of this plugin \n Documentation for v0.5.7 can be found on GitHub . \n \n"},{title:"Integration",frontmatter:{title:"Integration"},regularPath:"/guide/integration.html",relativePath:"guide/integration.md",key:"v-1b86f686",path:"/guide/integration.html",headers:[{level:2,title:"Script Tag",slug:"script-tag"},{level:2,title:"Bundlers (Webpack, Rollup, etc.)",slug:"bundlers-webpack-rollup-etc"}],lastUpdated:"9/19/2024, 7:48:57 AM",lastUpdatedTimestamp:1726732137e3,content:" chartjs-plugin-annotation can be integrated with plain JavaScript or with different module loaders. The examples below show to load the plugin in different systems. \n Script Tag \n < script src = \" path/to/chartjs/dist/chart.umd.js \" > \n < script src = \" path/to/chartjs-plugin-annotation/dist/chartjs-plugin-annotation.min.js \" > \n < script > \n const myChart = new Chart ( ctx , { ... } ) ; \n \n Bundlers (Webpack, Rollup, etc.) \n import { Chart } from 'chart.js' ; \n import annotationPlugin from 'chartjs-plugin-annotation' ; \n\nChart . register ( annotationPlugin ) ; \n \n "},{title:"1.x Migration Guide",frontmatter:{},regularPath:"/guide/migrationV1.html",relativePath:"guide/migrationV1.md",key:"v-51daecc6",path:"/guide/migrationV1.html",headers:[{level:2,title:"Setup and installation",slug:"setup-and-installation"},{level:2,title:"Options",slug:"options"},{level:3,title:"Plugin options",slug:"plugin-options"},{level:3,title:"Element options",slug:"element-options"},{level:3,title:"Line",slug:"line"},{level:2,title:"Event hooks",slug:"event-hooks"}],lastUpdated:"9/19/2024, 7:48:57 AM",lastUpdatedTimestamp:1726732137e3,content:" 1.x Migration Guide \n chartjs-plugin-annotation plugin version 1 introduces a number of breaking changes in order to compatible with Chart.js 3 and to align with Chart.js 3 options. \n Setup and installation \n Chart.js 3 is tree-shakeable and thus requires registering the plugins when used as an npm module. Here is an example: \n import { Chart , LineController , LineElement , PointElement , LinearScale } from 'chart.js' ; \n import Annotation from 'chartjs-plugin-annotation' ; \n\nChart . register ( LineController , LineElement , PointElement , LinearScale , Annotation ) ; \n\n const Chart = new Chart ( ctx , { \n type : 'line' , \n // data: ... \n options : { \n plugins : { \n annotation : { \n // annotation plugin options \n annotations : [ { \n // annotation element options \n type : 'line' , \n scaleID : 'y' , \n value : 25 , \n borderColor : 'red' , \n borderWidth : 2 \n } ] \n } \n } \n } \n } ) : \n Options \n Plugin options \n \n events array was removed. Listened events are determined automatically from the hooks specified. \n enter , leave , click , dblclick event hooks can now be defined also at plugin level options. \n Element options \n \n onMouseenter was removed. Use enter instead. \n onMouseleave was removed. Use leave instead. \n onMouseover was removed. Use enter instead. \n onMouseout was removed. Use leave instead. \n onMousemove was removed. \n onMousedown was removed. Use click instead. \n onMouseup was removed. Use click instead. \n onClick was removed. Use click instead. \n onDblclick was removed. Use dblclick instead. \n onContextmenu was removed. \n onWheel was removed. \n Line \n \n mode was removed. The mode is automatically calculated based on the scale. \n position values were changed to 'start' , 'center' and 'end' .\n \n 'start' replaces previous 'left' and 'top' . \n 'end' replaces previous 'right' and 'bottom' . \n Label \n \n fontColor was renamed to font.color \n fontFamily was renamed to font.family \n fontSize was renamed to font.size \n fontStyle was renamed to font.style \n lineHeight was renamed to font.lineHeight \n Event hooks \n \n Event hooks are now supplied with single context parameter, containing chart and element properties. chart is the chart instance and element is the event target annotation element. \n Events are now fired from beforeEvent hook. \n \n"},{title:"2.x Migration Guide",frontmatter:{},regularPath:"/guide/migrationV2.html",relativePath:"guide/migrationV2.md",key:"v-121872fd",path:"/guide/migrationV2.html",headers:[{level:2,title:"Chart.js version",slug:"chart-js-version"},{level:2,title:"Options",slug:"options"},{level:2,title:"Elements",slug:"elements"},{level:2,title:"Events",slug:"events"},{level:2,title:"Types",slug:"types"}],lastUpdated:"9/19/2024, 7:48:57 AM",lastUpdatedTimestamp:1726732137e3,content:" 2.x Migration Guide \n chartjs-plugin-annotation plugin version 2 introduces a number of breaking changes. In order to improve performance, offer new features, and improve maintainability, it was necessary to break backwards compatibility, but we aimed to do so only when worth the benefit. \n Chart.js version \n The annotation plugin requires at least version 3.7.0 to work because of some bug fixes that happened within chart.js itself. \n Options \n A number of changes were made to the configuration options passed to the plugin configuration. Those changes are documented below. \n \n xScaleID option default has been changed, now set to undefined . If the option is missing, the plugin will try to use the first scale of the chart, configured as 'x' axis. If more than one scale has been defined in the chart as 'x' axis, the option is mandatory to select the right scale. \n yScaleID option default has been changed, now set to undefined . If the option is missing, the plugin will try to use the first scale of the chart, configured as 'y' axis. If more than one scale has been defined in the chart as 'y' axis, the option is mandatory to select the right scale. \n When stacked scales are used, instead of the whole chart area, the designated scale area is used as fallback for xMin , xMax , yMin , yMax , xValue or yValue options. \n position for the label of the line annotation changes the behavior when start or end is set, and when the line annotation location is defined by xMin , xMax , yMin , and yMax options.\n \n in the previous version 1.x, if the position was set to start or end , it was calculated using chart area dimension (when start using top or left , when end using bottom or right ). \n in version 2.x, if the position is set to start , it is the point where the line starts being drawn, and when set to end , it is the point where the line ends drawing. The xMin , xMax , yMin , and yMax options are not related to the chart area anymore but are related to the values sequence (and their order) on the associated scale. \n \n \n cornerRadius option was replaced by borderRadius in the box annotation configuration and in the label configuration of line annotation to align with Chart.js options. \n xPadding and yPadding options were merged into a single padding object in the label configuration of line annotation to align with Chart.js options. \n enabled option was replaced by display in the callout configuration of label annotation, in the label configuration of line and box annotations and in the arrow heads configuration of line annotation to have the same option on all elements. \n dblClickSpeed option was removed from the plugin options because dblclick event hook is not available anymore. \n drawTime option at top level plugin configuration is moved to new common object in the plugin annotation options, which contains options to apply to all annotations: \n \n plugins : { \n annotation : { \n common : { \n drawTime : 'afterDraw' \n } , \n annotations : [ \n ... \n ] \n } \n } \n Elements \n In chartjs-plugin-annotation plugin version 2 the label of box and line annotations is a sub-element. This has changed how to access to the label options. Now the label options are at element.label.options . The following example shows how to show and hide the label when the mouse is hovering the box: \n type : 'box' , // or 'line' \n enter : function ( { element } ) { \n element . label . options . display = true ; \n return true ; \n } , \n leave : function ( { element } ) { \n element . label . options . display = false ; \n return true ; \n } , \n \n chartjs-plugin-annotation plugin version 2 removes the clipping of the label to the box annotation size. \n chartjs-plugin-annotation plugin version 2 hides the following methods in the line annotation element because they should be used only internally: \n \n intersects \n isOnLabel \n \n chartjs-plugin-annotation plugin version 2 normalizes the properties of the annotation elements in order to be based on common box model. \n Box annotation \n The following diagram is showing the element properties about a 'box' annotation: \n \n The label of a box annotation is described as a label annotation and accessible by element.label . \n Ellipse annotation \n The following diagram is showing the element properties about a 'ellipse' annotation: \n Label annotation \n The following diagram is showing the element properties about a 'label' annotation: \n Line annotation \n The following diagram is showing the element properties about a 'line' annotation: \n \n The label of a line annotation is described as a label annotation and accessible by element.label . \n Point annotation \n The following diagram is showing the element properties about a 'point' annotation: \n Polygon annotation \n The following diagram is showing the element properties about a 'polygon' annotation: \n Events \n chartjs-plugin-annotation plugin version 2 introduces the interaction options, to configure which events trigger annotation interactions. By default, the plugin uses the chart interaction configuration . \n \n When scatter charts are used, the interaction default mode in Chart.js is point , while, in the previous plugin version, the default was nearest . \n \n The dblclick event hook was removed from annotations options because, being executed asynchronously, it can not enable the chart re-rendering, automatically after processing the event completely. This is important when the user requires re-draws. It gets slow and messy if every event hook does the draw (or update!). \n Types \n chartjs-plugin-annotation plugin version 2 removes the compatibility with TypeScript versions less than 4.1 which is the minimum supported one. \n"},{title:"3.x Migration Guide",frontmatter:{},regularPath:"/guide/migrationV3.html",relativePath:"guide/migrationV3.md",key:"v-4d1e5c5d",path:"/guide/migrationV3.html",headers:[{level:2,title:"Chart.js version",slug:"chart-js-version"},{level:3,title:"Type changes",slug:"type-changes"}],lastUpdated:"9/19/2024, 7:48:57 AM",lastUpdatedTimestamp:1726732137e3,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:"Options",frontmatter:{},regularPath:"/guide/options.html",relativePath:"guide/options.md",key:"v-15f8e6fd",path:"/guide/options.html",headers:[{level:2,title:"Color",slug:"color"},{level:2,title:"Font",slug:"font"},{level:2,title:"Padding",slug:"padding"},{level:2,title:"Point Style",slug:"point-style"},{level:2,title:"Interaction",slug:"interaction"},{level:2,title:"Scriptable Options",slug:"scriptable-options"},{level:2,title:"Draw Time",slug:"draw-time"},{level:2,title:"Option Context",slug:"option-context"},{level:3,title:"chart",slug:"chart"},{level:3,title:"annotation",slug:"annotation"}],lastUpdated:"9/19/2024, 7:48:57 AM",lastUpdatedTimestamp:1726732137e3,content:" Options \n Color \n Any color supported by chart.js is supported by the annotation plugin. \n Font \n Fonts use the same format as chart.js . \n Padding \n Paddings use the same format as chart.js . \n Point Style \n Point styles use the same format as chart.js . \n Interaction \n Interaction uses the same format as chart.js . \n WARNING \n Interaction index and dataset modes are not supported by the plugin. If set, the plugin will use nearest mode. \n Interaction r axis is not supported by the plugin. If set, the plugin will use xy mode. \n Scriptable Options \n As with most options in chart.js, the annotation plugin options are scriptable. This means that a function can be passed which returns the value as needed. In the example below, the annotation is hidden when the screen is less than 1000px wide.\nThe function receives 2 arguments, first is the option context representing contextual information. An options resolver is passed as second argument, which can be used to access the options that were originally passed in to configure the annotation element. \n */\nconst options = {\n plugins: {\n annotation: {\n annotations: {\n box1: {\n drawTime: 'afterDatasetsDraw',\n display: (context, opts) => {\n const body = document.querySelector('body');\n const rect = body.getBoundingClientRect();\n return rect.width >= 1000;\n },\n type: 'box',\n xMin: 1,\n xMax: 2,\n yMin: 50,\n yMax: 70,\n backgroundColor: 'rgba(255, 99, 132, 0.5)'\n }\n }\n }\n }\n};\n/* */\n\n/* */\nconst config = {\n type: 'line',\n data: {\n labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July'],\n datasets: [{\n label: 'My First Dataset',\n data: [65, 59, 80, 81, 56, 55, 40],\n fill: false,\n borderColor: 'rgb(75, 192, 192)',\n tension: 0.1\n }]\n },\n options\n};\n/* */\n\nmodule.exports = {\n config\n};\n`\"/> # Draw Time \n The drawTime option for an annotation determines where in the chart lifecycle the drawing occurs. Four potential predefined options are available: \n \n \n \n Option \n Notes \n \n \n \n \n 'beforeDraw' \n Occurs before any drawing takes place \n \n \n 'beforeDatasetsDraw' \n Occurs after drawing of axes, but before datasets \n \n \n 'afterDatasetsDraw' \n Occurs after drawing of datasets but before items such as the tooltip \n \n \n 'afterDraw' \n After other drawing is completed. \n \n \n \n Furthermore, the drawTime option can be set as number which represents the dataset index used to draw the annotation, before that dataset will be. \n Option Context \n The option context is used to give contextual information when resolving options and only applies to scriptable options. The object is preserved, so it can be used to store and pass information between calls / options. \n There are 2 levels of option context objects: \n \n chart \n \n annotation \n \n \n \n The context object contains the following properties: \n chart \n \n chart : the associated chart \n type : 'chart' \n \n The chart option context is provided by Chart.js. It is passed to scriptable options when resolving annotation id , type and drawTime or adjusting scale ranges in afterDataLimits hook. The options resolved at that time are scaleID , xScaleID , yScaleID , value , endValue , xMin , xMax , yMin , yMax , xValue and yValue . \n annotation \n In addition to chart \n \n id : the annotation id \n element : the annotation element \n elements : the array which contains the already created annotation elements. \n type : 'annotation' \n \n The annotation option context is passed to scriptable options in all other cases, except when resolving id , type or adjusting scale ranges. The same values resolved in afterDataLimits with chart context are again evaluated in afterUpdate with annotation context. \n Note that the annotation element may be undefined or partially uninitialized, since scriptable options may be invoked during the initial chart display, before everything's been resolved and initialized. \n"},{title:"Common options to all annotations",frontmatter:{},regularPath:"/guide/types/_commonOptions.html",relativePath:"guide/types/_commonOptions.md",key:"v-67fac0e2",path:"/guide/types/_commonOptions.html",headers:[{level:3,title:"Common options to all annotations",slug:"common-options-to-all-annotations"}],lastUpdated:"9/19/2024, 7:48:57 AM",lastUpdatedTimestamp:1726732137e3,content:" Common options to all annotations \n The following options are available for all annotations. \n \n \n \n Name \n Type \n Scriptable \n Default \n \n \n \n \n adjustScaleRange \n boolean \n Yes \n true \n \n \n backgroundColor \n Color \n Yes \n options.color \n \n \n borderColor \n Color \n Yes \n options.color \n \n \n borderDash \n number[] \n Yes \n [] \n \n \n borderDashOffset \n number \n Yes \n 0 \n \n \n borderShadowColor \n Color \n Yes \n 'transparent' \n \n \n display \n boolean \n Yes \n true \n \n \n drawTime \n string | number \n Yes \n 'afterDatasetsDraw' \n \n \n hitTolerance \n number \n Yes \n 0 \n \n \n init \n boolean \n See initial animation \n undefined \n \n \n id \n string \n No \n undefined \n \n \n shadowBlur \n number \n Yes \n 0 \n \n \n shadowOffsetX \n number \n Yes \n 0 \n \n \n shadowOffsetY \n number \n Yes \n 0 \n \n \n xMax \n number | string \n Yes \n undefined \n \n \n xMin \n number | string \n Yes \n undefined \n \n \n xScaleID \n string \n Yes \n undefined \n \n \n yMin \n number | string \n Yes \n undefined \n \n \n yMax \n number | string \n Yes \n undefined \n \n \n yScaleID \n string \n Yes \n undefined \n \n \n z \n number \n Yes \n 0 \n \n \n \n"},{title:"Label",frontmatter:{},regularPath:"/guide/types/_commonInnerLabel.html",relativePath:"guide/types/_commonInnerLabel.md",key:"v-0db22306",path:"/guide/types/_commonInnerLabel.html",headers:[{level:2,title:"Label",slug:"label"},{level:3,title:"Position",slug:"position"},{level:3,title:"Fonts and colors",slug:"fonts-and-colors"}],lastUpdated:"9/19/2024, 7:48:57 AM",lastUpdatedTimestamp:1726732137e3,content:" Label \n Namespace: options.annotations[annotationID].label , it defines options for the the label of annotation. \n All of these options can be Scriptable \n \n \n \n Name \n Type \n Default \n Notes \n \n \n \n \n color \n Color | Color[] \n 'black' \n Text color. \n \n \n content \n string | string[] | Image | HTMLCanvasElement \n null \n The content to show in the label. \n \n \n display \n boolean \n false \n Whether or not the label is shown. \n \n \n drawTime \n string | number \n options.drawTime \n See drawTime . Defaults to the annotation draw time if unset \n \n \n font \n Font | Font[] \n { weight: 'bold' } \n Label font \n \n \n height \n number | string \n undefined \n Overrides the height of the image or canvas element. Could be set in pixel by a number, or in percentage of current height of image or canvas element by a string. If undefined, uses the height of the image or canvas element. It is used only when the content is an image or canvas element. \n \n \n hitTolerance \n number \n undefined \n Amount of pixels to interact with annotations within some distance of the mouse point. \n \n \n opacity \n number \n undefined \n Overrides the opacity of the image or canvas element. Could be set a number in the range 0.0 to 1.0, inclusive. If undefined, uses the opacity of the image or canvas element. It is used only when the content is an image or canvas element. \n \n \n padding \n Padding \n 6 \n The padding to add around the text label. \n \n \n position \n string | {x: string, y: string} \n 'center' \n Anchor position of label in the annotation. \n \n \n rotation \n number \n undefined \n Rotation of label, in degrees. If undefined , the annotation rotation is used. \n \n \n textAlign \n string \n 'start' \n Text alignment of label content when there's more than one line. Possible options are: 'left' , 'start' , 'center' , 'end' , 'right' . \n \n \n textStrokeColor \n Color \n undefined \n The color of the stroke around the text. \n \n \n textStrokeWidth \n number \n 0 \n Stroke width around the text. \n \n \n width \n number | string \n undefined \n Overrides the width of the image or canvas element. Could be set in pixel by a number, or in percentage of current width of image or canvas element by a string. If undefined, uses the width of the image or canvas element. It is used only when the content is an image or canvas element. \n \n \n xAdjust \n number \n 0 \n Adjustment along x-axis (left-right) of label relative to computed position. Negative values move the label left, positive right. \n \n \n yAdjust \n number \n 0 \n Adjustment along y-axis (top-bottom) of label relative to computed position. Negative values move the label up, positive down. \n \n \n z \n number \n 0 \n It determines the drawing stack level of the label element, with same drawTime . \n Position \n A position can be set in 2 different values types: \n \n 'start' , 'center' , 'end' which are defining where the label will be located \n a string , in percentage format 'number%' , is representing the percentage on the size where the label will be located \n \n If this value is a string (possible options are 'start' , 'center' , 'end' or a string in percentage format), it is applied to vertical and horizontal position in the annotation. \n If this value is an object, the x property defines the horizontal alignment in the annotation. Similarly, the y property defines the vertical alignment in the annotation. Possible options for both properties are 'start' , 'center' , 'end' , a string in percentage format. Omitted property have value of the default, 'center' . \n Fonts and colors \n When the label to draw has multiple lines, you can use different font and color for each line of the label. This is enabled configuring an array of fonts or colors for those options. When the lines are more than the configured fonts of colors, the last configuration of those options is used for all remaining lines. \n"},{title:"Ellipse Annotations",frontmatter:{},regularPath:"/guide/types/ellipse.html",relativePath:"guide/types/ellipse.md",key:"v-26692906",path:"/guide/types/ellipse.html",headers:[{level:2,title:"Configuration",slug:"configuration"},{level:3,title:"Ellipse annotation specific options",slug:"ellipse-annotation-specific-options"},{level:3,title:"Common options to all annotations",slug:"common-options-to-all-annotations"},{level:3,title:"General",slug:"general"},{level:3,title:"Styling",slug:"styling"},{level:2,title:"Label",slug:"label"},{level:3,title:"Position",slug:"position"},{level:3,title:"Fonts and colors",slug:"fonts-and-colors"},{level:2,title:"Element",slug:"element"}],lastUpdated:"9/19/2024, 7:48:57 AM",lastUpdatedTimestamp:1726732137e3,content:" Ellipse Annotations \n Ellipse annotations are used to draw circles on the chart area. This can be useful for highlighting different areas of a chart. \n */\nconst options = {\n plugins: {\n annotation: {\n annotations: {\n ellipse1: {\n type: 'ellipse',\n xMin: 1,\n xMax: 2,\n yMin: 50,\n yMax: 70,\n backgroundColor: 'rgba(255, 99, 132, 0.25)'\n }\n }\n }\n }\n};\n/* */\n\n/* */\nconst config = {\n type: 'line',\n data: {\n labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July'],\n datasets: [{\n label: 'My First Dataset',\n data: [65, 59, 80, 81, 56, 55, 40],\n fill: false,\n borderColor: 'rgb(75, 192, 192)',\n tension: 0.1\n }]\n },\n options\n};\n/* */\n\nmodule.exports = {\n config\n};\n`\"/> # Configuration \n Ellipse annotation specific options \n The following options are available for ellipse annotations. \n \n \n \n Name \n Type \n Scriptable \n Default \n \n \n \n \n backgroundShadowColor \n Color \n Yes \n 'transparent' \n \n \n borderWidth \n number \n Yes \n 1 \n \n \n label \n object \n Yes \n \n \n \n rotation \n number \n Yes \n 0 \n Common options to all annotations \n The following options are available for all annotations. \n \n \n \n Name \n Type \n Scriptable \n Default \n \n \n \n \n adjustScaleRange \n boolean \n Yes \n true \n \n \n backgroundColor \n Color \n Yes \n options.color \n \n \n borderColor \n Color \n Yes \n options.color \n \n \n borderDash \n number[] \n Yes \n [] \n \n \n borderDashOffset \n number \n Yes \n 0 \n \n \n borderShadowColor \n Color \n Yes \n 'transparent' \n \n \n display \n boolean \n Yes \n true \n \n \n drawTime \n string | number \n Yes \n 'afterDatasetsDraw' \n \n \n hitTolerance \n number \n Yes \n 0 \n \n \n init \n boolean \n See initial animation \n undefined \n \n \n id \n string \n No \n undefined \n \n \n shadowBlur \n number \n Yes \n 0 \n \n \n shadowOffsetX \n number \n Yes \n 0 \n \n \n shadowOffsetY \n number \n Yes \n 0 \n \n \n xMax \n number | string \n Yes \n undefined \n \n \n xMin \n number | string \n Yes \n undefined \n \n \n xScaleID \n string \n Yes \n undefined \n \n \n yMin \n number | string \n Yes \n undefined \n \n \n yMax \n number | string \n Yes \n undefined \n \n \n yScaleID \n string \n Yes \n undefined \n \n \n z \n number \n Yes \n 0 \n General \n If one of the axes does not match an axis in the chart, the ellipse will take the entire chart dimension. The 4 coordinates, xMin, xMax, yMin, yMax are optional. If not specified, the ellipse is expanded out to the edges in the respective direction. \n \n \n \n Name \n Description \n \n \n \n \n adjustScaleRange \n Should the scale range be adjusted if this annotation is out of range. \n \n \n display \n Whether or not this annotation is visible. \n \n \n drawTime \n See drawTime . \n \n \n hitTolerance \n Amount of pixels to interact with annotations within some distance of the mouse point. \n \n \n id \n Identifies a unique id for the annotation and it will be stored in the element context. When the annotations are defined by an object, the id is automatically set using the key used to store the annotations in the object. When the annotations are configured by an array, the id, passed by this option in the annotation, will be used. \n \n \n rotation \n Rotation of the ellipse in degrees, default is 0. \n \n \n xMax \n Right edge of the ellipse in units along the x axis. \n \n \n xMin \n Left edge of the ellipse in units along the x axis. \n \n \n xScaleID \n ID of the X scale to bind onto. If missing, the plugin will try to use the scale of the chart, configured as 'x' axis. If more than one scale has been defined in the chart as 'x' axis, the option is mandatory to select the right scale. \n \n \n yMax \n Bottom edge of the ellipse in units along the y axis. \n \n \n yMin \n Top edge of the ellipse in units along the y axis. \n \n \n yScaleID \n ID of the Y scale to bind onto. If missing, the plugin will try to use the scale of the chart, configured as 'y' axis. If more than one scale has been defined in the chart as 'y' axis, the option is mandatory to select the right scale. \n \n \n z \n The z property determines the drawing stack level of the ellipse annotation element. All visible elements will be drawn in ascending order of z option, with the same drawTime option. \n Styling \n \n \n \n Name \n Description \n \n \n \n \n backgroundColor \n Fill color. \n \n \n backgroundShadowColor \n The color of shadow. See MDN . \n \n \n borderColor \n Stroke color. \n \n \n borderDash \n Length and spacing of dashes. See MDN . \n \n \n borderDashOffset \n Offset for line dashes. See MDN . \n \n \n borderShadowColor \n The color of the border shadow. See MDN . \n \n \n borderWidth \n Stroke width. \n \n \n shadowBlur \n The amount of blur applied to shadow. See MDN . \n \n \n shadowOffsetX \n The distance that shadow will be offset horizontally. See MDN . \n \n \n shadowOffsetY \n The distance that shadow will be offset vertically. See MDN . \n Label \n Namespace: options.annotations[annotationID].label , it defines options for the the label of annotation. \n All of these options can be Scriptable \n \n \n \n Name \n Type \n Default \n Notes \n \n \n \n \n color \n Color | Color[] \n 'black' \n Text color. \n \n \n content \n string | string[] | Image | HTMLCanvasElement \n null \n The content to show in the label. \n \n \n display \n boolean \n false \n Whether or not the label is shown. \n \n \n drawTime \n string | number \n options.drawTime \n See drawTime . Defaults to the annotation draw time if unset \n \n \n font \n Font | Font[] \n { weight: 'bold' } \n Label font \n \n \n height \n number | string \n undefined \n Overrides the height of the image or canvas element. Could be set in pixel by a number, or in percentage of current height of image or canvas element by a string. If undefined, uses the height of the image or canvas element. It is used only when the content is an image or canvas element. \n \n \n hitTolerance \n number \n undefined \n Amount of pixels to interact with annotations within some distance of the mouse point. \n \n \n opacity \n number \n undefined \n Overrides the opacity of the image or canvas element. Could be set a number in the range 0.0 to 1.0, inclusive. If undefined, uses the opacity of the image or canvas element. It is used only when the content is an image or canvas element. \n \n \n padding \n Padding \n 6 \n The padding to add around the text label. \n \n \n position \n string | {x: string, y: string} \n 'center' \n Anchor position of label in the annotation. \n \n \n rotation \n number \n undefined \n Rotation of label, in degrees. If undefined , the annotation rotation is used. \n \n \n textAlign \n string \n 'start' \n Text alignment of label content when there's more than one line. Possible options are: 'left' , 'start' , 'center' , 'end' , 'right' . \n \n \n textStrokeColor \n Color \n undefined \n The color of the stroke around the text. \n \n \n textStrokeWidth \n number \n 0 \n Stroke width around the text. \n \n \n width \n number | string \n undefined \n Overrides the width of the image or canvas element. Could be set in pixel by a number, or in percentage of current width of image or canvas element by a string. If undefined, uses the width of the image or canvas element. It is used only when the content is an image or canvas element. \n \n \n xAdjust \n number \n 0 \n Adjustment along x-axis (left-right) of label relative to computed position. Negative values move the label left, positive right. \n \n \n yAdjust \n number \n 0 \n Adjustment along y-axis (top-bottom) of label relative to computed position. Negative values move the label up, positive down. \n \n \n z \n number \n 0 \n It determines the drawing stack level of the label element, with same drawTime . \n Position \n A position can be set in 2 different values types: \n \n 'start' , 'center' , 'end' which are defining where the label will be located \n a string , in percentage format 'number%' , is representing the percentage on the size where the label will be located \n \n If this value is a string (possible options are 'start' , 'center' , 'end' or a string in percentage format), it is applied to vertical and horizontal position in the annotation. \n If this value is an object, the x property defines the horizontal alignment in the annotation. Similarly, the y property defines the vertical alignment in the annotation. Possible options for both properties are 'start' , 'center' , 'end' , a string in percentage format. Omitted property have value of the default, 'center' . \n Fonts and colors \n When the label to draw has multiple lines, you can use different font and color for each line of the label. This is enabled configuring an array of fonts or colors for those options. When the lines are more than the configured fonts of colors, the last configuration of those options is used for all remaining lines. \n Element \n The following diagram is showing the element properties about a 'ellipse' annotation: \n \n"},{title:"Box Annotations",frontmatter:{},regularPath:"/guide/types/box.html",relativePath:"guide/types/box.md",key:"v-5b88421d",path:"/guide/types/box.html",headers:[{level:2,title:"Configuration",slug:"configuration"},{level:3,title:"Box annotation specific options",slug:"box-annotation-specific-options"},{level:3,title:"Common options to all annotations",slug:"common-options-to-all-annotations"},{level:3,title:"General",slug:"general"},{level:3,title:"Styling",slug:"styling"},{level:2,title:"Label",slug:"label"},{level:3,title:"Position",slug:"position"},{level:3,title:"Fonts and colors",slug:"fonts-and-colors"},{level:2,title:"Element",slug:"element"}],lastUpdated:"9/19/2024, 7:48:57 AM",lastUpdatedTimestamp:1726732137e3,content:" Box Annotations \n Box annotations are used to draw rectangles on the chart area. This can be useful for highlighting different areas of a chart. \n */\nconst options = {\n plugins: {\n annotation: {\n annotations: {\n box1: {\n type: 'box',\n xMin: 1,\n xMax: 2,\n yMin: 50,\n yMax: 70,\n backgroundColor: 'rgba(255, 99, 132, 0.25)'\n }\n }\n }\n }\n};\n/* */\n\n/* */\nconst config = {\n type: 'line',\n data: {\n labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July'],\n datasets: [{\n label: 'My First Dataset',\n data: [65, 59, 80, 81, 56, 55, 40],\n fill: false,\n borderColor: 'rgb(75, 192, 192)',\n tension: 0.1\n }]\n },\n options\n};\n/* */\n\nmodule.exports = {\n config\n};\n`\"/> # Configuration \n Box annotation specific options \n The following options are available for box annotations. \n \n \n \n Name \n Type \n Scriptable \n Default \n \n \n \n \n backgroundShadowColor \n Color \n Yes \n 'transparent' \n \n \n borderCapStyle \n string \n Yes \n 'butt' \n \n \n borderJoinStyle \n string \n Yes \n 'miter' \n \n \n borderRadius \n number | object \n Yes \n 0 \n \n \n borderWidth \n number \n Yes \n 1 \n \n \n label \n object \n Yes \n \n \n \n rotation \n number \n Yes \n 0 \n Common options to all annotations \n The following options are available for all annotations. \n \n \n \n Name \n Type \n Scriptable \n Default \n \n \n \n \n adjustScaleRange \n boolean \n Yes \n true \n \n \n backgroundColor \n Color \n Yes \n options.color \n \n \n borderColor \n Color \n Yes \n options.color \n \n \n borderDash \n number[] \n Yes \n [] \n \n \n borderDashOffset \n number \n Yes \n 0 \n \n \n borderShadowColor \n Color \n Yes \n 'transparent' \n \n \n display \n boolean \n Yes \n true \n \n \n drawTime \n string | number \n Yes \n 'afterDatasetsDraw' \n \n \n hitTolerance \n number \n Yes \n 0 \n \n \n init \n boolean \n See initial animation \n undefined \n \n \n id \n string \n No \n undefined \n \n \n shadowBlur \n number \n Yes \n 0 \n \n \n shadowOffsetX \n number \n Yes \n 0 \n \n \n shadowOffsetY \n number \n Yes \n 0 \n \n \n xMax \n number | string \n Yes \n undefined \n \n \n xMin \n number | string \n Yes \n undefined \n \n \n xScaleID \n string \n Yes \n undefined \n \n \n yMin \n number | string \n Yes \n undefined \n \n \n yMax \n number | string \n Yes \n undefined \n \n \n yScaleID \n string \n Yes \n undefined \n \n \n z \n number \n Yes \n 0 \n General \n If one of the axes does not match an axis in the chart, the box will take the entire chart dimension. The 4 coordinates, xMin, xMax, yMin, yMax are optional. If not specified, the box is expanded out to the edges in the respective direction. \n \n \n \n Name \n Description \n \n \n \n \n adjustScaleRange \n Should the scale range be adjusted if this annotation is out of range. \n \n \n display \n Whether or not this annotation is visible. \n \n \n drawTime \n See drawTime . \n \n \n hitTolerance \n Amount of pixels to interact with annotations within some distance of the mouse point. \n \n \n id \n Identifies a unique id for the annotation and it will be stored in the element context. When the annotations are defined by an object, the id is automatically set using the key used to store the annotations in the object. When the annotations are configured by an array, the id, passed by this option in the annotation, will be used. \n \n \n rotation \n Rotation of the box in degrees. \n \n \n xMax \n Right edge of the box in units along the x axis. \n \n \n xMin \n Left edge of the box in units along the x axis. \n \n \n xScaleID \n ID of the X scale to bind onto. If missing, the plugin will try to use the scale of the chart, configured as 'x' axis. If more than one scale has been defined in the chart as 'x' axis, the option is mandatory to select the right scale. \n \n \n yMax \n Bottom edge of the box in units along the y axis. \n \n \n yMin \n Top edge of the box in units along the y axis. \n \n \n yScaleID \n ID of the Y scale to bind onto. If missing, the plugin will try to use the scale of the chart, configured as 'y' axis. If more than one scale has been defined in the chart as 'y' axis, the option is mandatory to select the right scale. \n \n \n z \n The z property determines the drawing stack level of the box annotation element. All visible elements will be drawn in ascending order of z option, with the same drawTime option. \n Styling \n \n \n \n Name \n Description \n \n \n \n \n backgroundColor \n Fill color. \n \n \n backgroundShadowColor \n The color of shadow. See MDN . \n \n \n borderCapStyle \n Cap style of the border line. See MDN . \n \n \n borderColor \n Stroke color. \n \n \n borderDash \n Length and spacing of dashes. See MDN . \n \n \n borderDashOffset \n Offset for border line dashes. See MDN . \n \n \n borderJoinStyle \n Border line join style. See MDN . \n \n \n borderRadius \n Radius of box rectangle (in pixels). \n \n \n borderShadowColor \n The color of the border shadow. See MDN . \n \n \n borderWidth \n Border line width (in pixels). \n \n \n shadowBlur \n The amount of blur applied to shadow. See MDN . \n \n \n shadowOffsetX \n The distance that shadow will be offset horizontally. See MDN . \n \n \n shadowOffsetY \n The distance that shadow will be offset vertically. See MDN . \n borderRadius \n If this value is a number, it is applied to all corners of the rectangle (topLeft, topRight, bottomLeft, bottomRight). If this value is an object, the topLeft property defines the top-left corners border radius. Similarly, the topRight , bottomLeft , and bottomRight properties can also be specified. Omitted corners have radius of 0. \n Label \n Namespace: options.annotations[annotationID].label , it defines options for the the label of annotation. \n All of these options can be Scriptable \n \n \n \n Name \n Type \n Default \n Notes \n \n \n \n \n color \n Color | Color[] \n 'black' \n Text color. \n \n \n content \n string | string[] | Image | HTMLCanvasElement \n null \n The content to show in the label. \n \n \n display \n boolean \n false \n Whether or not the label is shown. \n \n \n drawTime \n string | number \n options.drawTime \n See drawTime . Defaults to the annotation draw time if unset \n \n \n font \n Font | Font[] \n { weight: 'bold' } \n Label font \n \n \n height \n number | string \n undefined \n Overrides the height of the image or canvas element. Could be set in pixel by a number, or in percentage of current height of image or canvas element by a string. If undefined, uses the height of the image or canvas element. It is used only when the content is an image or canvas element. \n \n \n hitTolerance \n number \n undefined \n Amount of pixels to interact with annotations within some distance of the mouse point. \n \n \n opacity \n number \n undefined \n Overrides the opacity of the image or canvas element. Could be set a number in the range 0.0 to 1.0, inclusive. If undefined, uses the opacity of the image or canvas element. It is used only when the content is an image or canvas element. \n \n \n padding \n Padding \n 6 \n The padding to add around the text label. \n \n \n position \n string | {x: string, y: string} \n 'center' \n Anchor position of label in the annotation. \n \n \n rotation \n number \n undefined \n Rotation of label, in degrees. If undefined , the annotation rotation is used. \n \n \n textAlign \n string \n 'start' \n Text alignment of label content when there's more than one line. Possible options are: 'left' , 'start' , 'center' , 'end' , 'right' . \n \n \n textStrokeColor \n Color \n undefined \n The color of the stroke around the text. \n \n \n textStrokeWidth \n number \n 0 \n Stroke width around the text. \n \n \n width \n number | string \n undefined \n Overrides the width of the image or canvas element. Could be set in pixel by a number, or in percentage of current width of image or canvas element by a string. If undefined, uses the width of the image or canvas element. It is used only when the content is an image or canvas element. \n \n \n xAdjust \n number \n 0 \n Adjustment along x-axis (left-right) of label relative to computed position. Negative values move the label left, positive right. \n \n \n yAdjust \n number \n 0 \n Adjustment along y-axis (top-bottom) of label relative to computed position. Negative values move the label up, positive down. \n \n \n z \n number \n 0 \n It determines the drawing stack level of the label element, with same drawTime . \n Position \n A position can be set in 2 different values types: \n \n 'start' , 'center' , 'end' which are defining where the label will be located \n a string , in percentage format 'number%' , is representing the percentage on the size where the label will be located \n \n If this value is a string (possible options are 'start' , 'center' , 'end' or a string in percentage format), it is applied to vertical and horizontal position in the annotation. \n If this value is an object, the x property defines the horizontal alignment in the annotation. Similarly, the y property defines the vertical alignment in the annotation. Possible options for both properties are 'start' , 'center' , 'end' , a string in percentage format. Omitted property have value of the default, 'center' . \n Fonts and colors \n When the label to draw has multiple lines, you can use different font and color for each line of the label. This is enabled configuring an array of fonts or colors for those options. When the lines are more than the configured fonts of colors, the last configuration of those options is used for all remaining lines. \n Element \n The following diagram is showing the element properties about a 'box' annotation: \n \n The label of a box annotation is described as a label annotation and accessible by element.label . \n"},{title:"Label Annotations",frontmatter:{},regularPath:"/guide/types/label.html",relativePath:"guide/types/label.md",key:"v-49aea27d",path:"/guide/types/label.html",headers:[{level:2,title:"Configuration",slug:"configuration"},{level:3,title:"Label annotation specific options",slug:"label-annotation-specific-options"},{level:3,title:"Common options to all annotations",slug:"common-options-to-all-annotations"},{level:3,title:"General",slug:"general"},{level:3,title:"Styling",slug:"styling"},{level:3,title:"Position",slug:"position"},{level:2,title:"Callout",slug:"callout"},{level:2,title:"Element",slug:"element"}],lastUpdated:"9/19/2024, 7:48:57 AM",lastUpdatedTimestamp:1726732137e3,content:" Label Annotations \n Label annotations are used to add contents on the chart area. This can be useful for describing values that are of interest. \n */\nconst options = {\n plugins: {\n annotation: {\n annotations: {\n label1: {\n type: 'label',\n xValue: 2.5,\n yValue: 60,\n backgroundColor: 'rgba(245,245,245)',\n content: ['This is my text', 'This is my text, second line'],\n font: {\n size: 18\n }\n }\n }\n }\n }\n};\n/* */\n\n/* */\nconst config = {\n type: 'line',\n data: {\n labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July'],\n datasets: [{\n label: 'My First Dataset',\n data: [65, 59, 80, 81, 56, 55, 40],\n fill: false,\n borderColor: 'rgb(75, 192, 192)',\n tension: 0.1\n }]\n },\n options\n};\n/* */\n\nmodule.exports = {\n config\n};\n`\"/> # Configuration \n Label annotation specific options \n The following options are available for label annotations. \n \n \n \n Name \n Type \n Scriptable \n Default \n \n \n \n \n backgroundShadowColor \n Color \n Yes \n 'transparent' \n \n \n borderCapStyle \n string \n Yes \n 'butt' \n \n \n borderJoinStyle \n string \n Yes \n 'miter' \n \n \n borderRadius \n number | object \n Yes \n 0 \n \n \n borderWidth \n number \n Yes \n 0 \n \n \n callout \n object \n Yes \n \n \n \n color \n Color | Color[] \n Yes \n 'black' \n \n \n content \n string | string[] | Image | HTMLCanvasElement \n Yes \n null \n \n \n font \n Font | Font[] \n Yes \n {} \n \n \n height \n number | string \n Yes \n undefined \n \n \n opacity \n number \n Yes \n undefined \n \n \n padding \n Padding \n Yes \n 6 \n \n \n position \n string | {x: string, y: string} \n Yes \n 'center' \n \n \n rotation \n number \n Yes \n 0 \n \n \n textAlign \n string \n Yes \n 'center' \n \n \n textStrokeColor \n Color \n Yes \n undefined \n \n \n textStrokeWidth \n number \n Yes \n 0 \n \n \n width \n number | string \n Yes \n undefined \n \n \n xAdjust \n number \n Yes \n 0 \n \n \n xValue \n number | string \n Yes \n undefined \n \n \n yAdjust \n number \n Yes \n 0 \n \n \n yValue \n number | string \n Yes \n undefined \n Common options to all annotations \n The following options are available for all annotations. \n \n \n \n Name \n Type \n Scriptable \n Default \n \n \n \n \n adjustScaleRange \n boolean \n Yes \n true \n \n \n backgroundColor \n Color \n Yes \n options.color \n \n \n borderColor \n Color \n Yes \n options.color \n \n \n borderDash \n number[] \n Yes \n [] \n \n \n borderDashOffset \n number \n Yes \n 0 \n \n \n borderShadowColor \n Color \n Yes \n 'transparent' \n \n \n display \n boolean \n Yes \n true \n \n \n drawTime \n string | number \n Yes \n 'afterDatasetsDraw' \n \n \n hitTolerance \n number \n Yes \n 0 \n \n \n init \n boolean \n See initial animation \n undefined \n \n \n id \n string \n No \n undefined \n \n \n shadowBlur \n number \n Yes \n 0 \n \n \n shadowOffsetX \n number \n Yes \n 0 \n \n \n shadowOffsetY \n number \n Yes \n 0 \n \n \n xMax \n number | string \n Yes \n undefined \n \n \n xMin \n number | string \n Yes \n undefined \n \n \n xScaleID \n string \n Yes \n undefined \n \n \n yMin \n number | string \n Yes \n undefined \n \n \n yMax \n number | string \n Yes \n undefined \n \n \n yScaleID \n string \n Yes \n undefined \n \n \n z \n number \n Yes \n 0 \n General \n If one of the axes does not match an axis in the chart, the content will be rendered in the center of the chart. The 2 coordinates, xValue, yValue are optional. If not specified, the content will be rendered in the center of the scale dimension. \n The 4 coordinates, xMin, xMax, yMin, yMax are optional. If not specified, the box is expanded out to the edges in the respective direction and the box size is used to calculated the center of the point. \n \n \n \n Name \n Description \n \n \n \n \n adjustScaleRange \n Should the scale range be adjusted if this annotation is out of range. \n \n \n content \n The content to show in the text annotation. \n \n \n display \n Whether or not this annotation is visible. \n \n \n drawTime \n See drawTime . \n \n \n height \n Overrides the height of the image or canvas element. Could be set in pixel by a number, or in percentage of current height of image or canvas element by a string. If undefined, uses the height of the image or canvas element. It is used only when the content is an image or canvas element. \n \n \n hitTolerance \n Amount of pixels to interact with annotations within some distance of the mouse point. \n \n \n id \n Identifies a unique id for the annotation and it will be stored in the element context. When the annotations are defined by an object, the id is automatically set using the key used to store the annotations in the object. When the annotations are configured by an array, the id, passed by this option in the annotation, will be used. \n \n \n padding \n The padding to add around the text label. \n \n \n rotation \n Rotation of the label in degrees. \n \n \n textAlign \n Text alignment of label content when there's more than one line. Possible options are: 'left' , 'start' , 'center' , 'end' , 'right' . \n \n \n width \n Overrides the width of the image or canvas element. Could be set in pixel by a number, or in percentage of current width of image or canvas element by a string. If undefined, uses the width of the image or canvas element. It is used only when the content is an image or canvas element. \n \n \n xAdjust \n Adjustment along x-axis (left-right) of label relative to computed position. Negative values move the label left, positive right. \n \n \n xMax \n Right edge of the box in units along the x axis. \n \n \n xMin \n Left edge of the box in units along the x axis. \n \n \n xScaleID \n ID of the X scale to bind onto. If missing, the plugin will try to use the scale of the chart, configured as 'x' axis. If more than one scale has been defined in the chart as 'x' axis, the option is mandatory to select the right scale. \n \n \n xValue \n X coordinate of the point in units along the x axis. \n \n \n yAdjust \n Adjustment along y-axis (top-bottom) of label relative to computed position. Negative values move the label up, positive down. \n \n \n yMax \n Bottom edge of the box in units along the y axis. \n \n \n yMin \n Top edge of the box in units along the y axis. \n \n \n yScaleID \n ID of the Y scale to bind onto. If missing, the plugin will try to use the scale of the chart, configured as 'y' axis. If more than one scale has been defined in the chart as 'y' axis, the option is mandatory to select the right scale. \n \n \n yValue \n Y coordinate of the point in units along the y axis. \n \n \n z \n The z property determines the drawing stack level of the label annotation element. All visible elements will be drawn in ascending order of z option, with the same drawTime option. \n Styling \n \n \n \n Name \n Description \n \n \n \n \n backgroundColor \n Fill color. \n \n \n backgroundShadowColor \n The color of shadow. See MDN . \n \n \n borderCapStyle \n Cap style of the border line. See MDN . \n \n \n borderColor \n Stroke color. \n \n \n borderDash \n Length and spacing of dashes. See MDN . \n \n \n borderDashOffset \n Offset for border line dashes. See MDN . \n \n \n borderJoinStyle \n Border line join style. See MDN . \n \n \n borderShadowColor \n The color of the border shadow. See MDN . \n \n \n borderWidth \n Stroke width (in pixels). \n \n \n color \n Text color. When the label to draw has multiple lines, you can use different color for each line of the label. This is enabled configuring an array of colors. When the lines are more than the configured colors, the last configuration of this option is used for all remaining lines. \n \n \n font \n Text font. When the label to draw has multiple lines, you can use different font for each line of the label. This is enabled configuring an array of fonts. When the lines are more than the configured fonts, the last configuration of this option is used for all remaining lines. \n \n \n opacity \n Overrides the opacity of the image or canvas element. Could be set a number in the range 0.0 to 1.0, inclusive. If undefined, uses the opacity of the image or canvas element. It is used only when the content is an image or canvas element. \n \n \n shadowBlur \n The amount of blur applied to shadow of the box where the label is located. See MDN . \n \n \n shadowOffsetX \n The distance that shadow, of the box where the label is located, will be offset horizontally. See MDN . \n \n \n shadowOffsetY \n The distance that shadow, of the box where the label is located, will be offset vertically. See MDN . \n \n \n textStrokeColor \n The color of the stroke around the text. \n \n \n textStrokeWidth \n Stroke width around the text. \n Position \n A position can be set in 2 different values types: \n \n 'start' , 'center' , 'end' which are defining where the label will be located \n a string , in percentage format 'number%' , is representing the percentage on the size where the label will be located \n \n If this value is a string (possible options are 'start' , 'center' , 'end' or a string in percentage format), it is applied to vertical and horizontal position in the box. \n If this value is an object, the x property defines the horizontal alignment in the label, with respect to the selected point. Similarly, the y property defines the vertical alignment in the label, with respect to the selected point. Possible options for both properties are 'start' , 'center' , 'end' , a string in percentage format. Omitted property have value of the default, 'center' . \n borderRadius \n If this value is a number, it is applied to all corners of the rectangle (topLeft, topRight, bottomLeft, bottomRight). If this value is an object, the topLeft property defines the top-left corners border radius. Similarly, the topRight , bottomLeft , and bottomRight properties can also be specified. Omitted corners have radius of 0. \n Callout \n A callout connects the label by a line to the selected point. \n Namespace: options.annotations[annotationID].callout , it defines options for the callout on the annotation label. \n */\nconst options = {\n plugins: {\n annotation: {\n annotations: {\n label1: {\n type: 'label',\n xValue: 2.5,\n yValue: 60,\n xAdjust: 290,\n yAdjust: -100,\n backgroundColor: 'rgba(245,245,245)',\n content: ['In this point of time,', 'something happened'],\n textAlign: 'start',\n font: {\n size: 18\n },\n callout: {\n display: true,\n side: 10\n }\n }\n }\n }\n }\n};\n/* */\n\n/* */\nconst config = {\n type: 'line',\n data: {\n labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July'],\n datasets: [{\n label: 'My First Dataset',\n data: [65, 59, 80, 81, 56, 55, 40],\n fill: false,\n borderColor: 'rgb(75, 192, 192)',\n tension: 0.1\n }]\n },\n options\n};\n/* */\n\nmodule.exports = {\n config\n};\n`\"/> All of these options can be Scriptable . \n \n \n \n Name \n Type \n Default \n Notes \n \n \n \n \n borderCapStyle \n string \n 'butt' \n Cap style of the border line of callout. See MDN . \n \n \n borderColor \n Color \n undefined \n Stroke color of the pointer of the callout. \n \n \n borderDash \n number[] \n [] \n Length and spacing of dashes of callout. See MDN . \n \n \n borderDashOffset \n number \n 0 \n Offset for line dashes of callout. See MDN . \n \n \n borderJoinStyle \n string \n 'miter' \n Border line join style of the callout. See MDN . \n \n \n borderWidth \n number \n 1 \n Stroke width of the pointer of the callout. \n \n \n display \n boolean \n false \n If true, the callout is drawn. \n \n \n margin \n number \n 5 \n Amount of pixels between the label and the callout separator. \n \n \n position \n string \n 'auto' \n The position of callout, with respect to the label. Could be left , top , right , bottom or auto . \n \n \n side \n number \n 5 \n Width of the starter line of callout pointer. \n \n \n start \n number | string \n '50%' \n The percentage of the separator dimension to use as starting point for callout pointer. Could be set in pixel by a number, or in percentage of the separator dimension by a string. \n Element \n The following diagram is showing the element properties about a 'label' annotation: \n \n"},{title:"Line Annotations",frontmatter:{},regularPath:"/guide/types/line.html",relativePath:"guide/types/line.md",key:"v-37e66462",path:"/guide/types/line.html",headers:[{level:2,title:"Configuration",slug:"configuration"},{level:3,title:"Line annotation specific options",slug:"line-annotation-specific-options"},{level:3,title:"Common options to all annotations",slug:"common-options-to-all-annotations"},{level:3,title:"General",slug:"general"},{level:3,title:"Styling",slug:"styling"},{level:2,title:"Label",slug:"label"},{level:3,title:"borderRadius",slug:"borderradius"},{level:3,title:"Fonts and colors",slug:"fonts-and-colors"},{level:3,title:"Callout",slug:"callout"},{level:2,title:"Arrow heads",slug:"arrow-heads"},{level:3,title:"Arrow head configuration",slug:"arrow-head-configuration"},{level:2,title:"Element",slug:"element"}],lastUpdated:"9/19/2024, 7:48:57 AM",lastUpdatedTimestamp:1726732137e3,content:" Line Annotations \n Line annotations are used to draw lines on the chart area. This can be useful for highlighting information such as a threshold. \n */\nconst options = {\n plugins: {\n annotation: {\n annotations: {\n line1: {\n type: 'line',\n yMin: 60,\n yMax: 60,\n borderColor: 'rgb(255, 99, 132)',\n borderWidth: 2,\n }\n }\n }\n }\n};\n/* */\n\n/* */\nconst config = {\n type: 'line',\n data: {\n labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July'],\n datasets: [{\n label: 'My First Dataset',\n data: [65, 59, 80, 81, 56, 55, 40],\n fill: false,\n borderColor: 'rgb(75, 192, 192)',\n tension: 0.1\n }]\n },\n options\n};\n/* */\n\nmodule.exports = {\n config\n};\n`\"/> # Configuration \n Line annotation specific options \n The following options are available for line annotations. \n \n \n \n Name \n Type \n Scriptable \n Default \n \n \n \n \n arrowHeads \n {start: object, end:object} \n Yes \n \n \n \n borderWidth \n number \n Yes \n 2 \n \n \n controlPoint \n number | string | {x: number | string, y: number | string} \n Yes \n {y:'-50%'} \n \n \n curve \n boolean \n Yes \n false \n \n \n endValue \n number \n Yes \n undefined \n \n \n label \n object \n Yes \n \n \n \n scaleID \n string \n Yes \n undefined \n \n \n value \n number \n Yes \n undefined \n Common options to all annotations \n The following options are available for all annotations. \n \n \n \n Name \n Type \n Scriptable \n Default \n \n \n \n \n adjustScaleRange \n boolean \n Yes \n true \n \n \n backgroundColor \n Color \n Yes \n options.color \n \n \n borderColor \n Color \n Yes \n options.color \n \n \n borderDash \n number[] \n Yes \n [] \n \n \n borderDashOffset \n number \n Yes \n 0 \n \n \n borderShadowColor \n Color \n Yes \n 'transparent' \n \n \n display \n boolean \n Yes \n true \n \n \n drawTime \n string | number \n Yes \n 'afterDatasetsDraw' \n \n \n hitTolerance \n number \n Yes \n 0 \n \n \n init \n boolean \n See initial animation \n undefined \n \n \n id \n string \n No \n undefined \n \n \n shadowBlur \n number \n Yes \n 0 \n \n \n shadowOffsetX \n number \n Yes \n 0 \n \n \n shadowOffsetY \n number \n Yes \n 0 \n \n \n xMax \n number | string \n Yes \n undefined \n \n \n xMin \n number | string \n Yes \n undefined \n \n \n xScaleID \n string \n Yes \n undefined \n \n \n yMin \n number | string \n Yes \n undefined \n \n \n yMax \n number | string \n Yes \n undefined \n \n \n yScaleID \n string \n Yes \n undefined \n \n \n z \n number \n Yes \n 0 \n General \n If one of the axes does not match an axis in the chart then the line behaviors are the following, depending on how the line should be drawn: \n \n if scaleID is not resolved, the line will take the entire chart dimension, from the top-left vertex to the bottom-right vertex of the chart \n if xScaleID is not resolved, the line will take the entire chart width \n if yScaleID is not resolved, the line will take the entire chart height \n \n The 2 coordinates, start, end, are optional. If not specified, the line is expanded out to the edges in the respective direction.\nThe 4 coordinates, xMin, xMax, yMin, yMax are optional. If not specified, the line is expanded out to the edges in the respective direction. \n The id identifies a unique id for the annotation and it will be stored in the element context. When the annotations are defined by an object, the id is automatically set using the key used to store the annotations in the object. When the annotations are configured by an array, the id, passed by this option in the annotation, will be used. \n Positioning \n The line can be positioned in two different ways. If scaleID is set, then value and endValue must also be set to indicate the endpoints of the line. The line will be perpendicular to the axis identified by scaleID . \n If scaleID is unset, then xScaleID and yScaleID are used to draw a line from (xMin, yMin) to (xMax, yMax) . \n \n \n \n Name \n Description \n \n \n \n \n adjustScaleRange \n Should the scale range be adjusted if this annotation is out of range. \n \n \n controlPoint \n if curve is enabled, it configures the control point to drawn the curve, calculated in pixels. It can be set by a string in percentage format 'number%' which are representing the percentage of the distance between the start and end point from the center. \n \n \n curve \n Whether or not a quadratic Bézier curve is drawn. \n \n \n display \n Whether or not this annotation is visible. \n \n \n drawTime \n See drawTime . \n \n \n endValue \n End two of the line when a single scale is specified. \n \n \n hitTolerance \n Amount of pixels to interact with annotations within some distance of the mouse point. \n \n \n id \n Identifies a unique id for the annotation and it will be stored in the element context. When the annotations are defined by an object, the id is automatically set using the key used to store the annotations in the object. When the annotations are configured by an array, the id, passed by this option in the annotation, will be used. \n \n \n scaleID \n ID of the scale in single scale mode. If unset, xScaleID and yScaleID are used. \n \n \n value \n End one of the line when a single scale is specified. \n \n \n xMax \n X coordinate of end two of the line in units along the x axis. \n \n \n xMin \n X coordinate of end one of the line in units along the x axis. \n \n \n xScaleID \n ID of the X scale to bind onto. If missing, the plugin will try to use the scale of the chart, configured as 'x' axis. If more than one scale has been defined in the chart as 'x' axis, the option is mandatory to select the right scale. \n \n \n yMax \n Y coordinate of end two of the line in units along the y axis. \n \n \n yMin \n Y coordinate of end one of the line in units along the y axis. \n \n \n yScaleID \n ID of the Y scale to bind onto. If missing, the plugin will try to use the scale of the chart, configured as 'y' axis. If more than one scale has been defined in the chart as 'y' axis, the option is mandatory to select the right scale. \n \n \n z \n The z property determines the drawing stack level of the line annotation element. All visible elements will be drawn in ascending order of z option, with the same drawTime option. \n Styling \n \n \n \n Name \n Description \n \n \n \n \n borderColor \n Stroke color. \n \n \n borderDash \n Length and spacing of dashes. See MDN . \n \n \n borderDashOffset \n Offset for line dashes. See MDN . \n \n \n borderShadowColor \n The color of shadow. See MDN . \n \n \n borderWidth \n Stroke width. \n \n \n shadowBlur \n The amount of blur applied to shadow. See MDN . \n \n \n shadowOffsetX \n The distance that shadow will be offset horizontally. See MDN . \n \n \n shadowOffsetY \n The distance that shadow will be offset vertically. See MDN . \n Label \n Namespace: options.annotations[annotationID].label , it defines options for the line annotation label. \n All of these options can be Scriptable \n \n \n \n Name \n Type \n Default \n Notes \n \n \n \n \n backgroundColor \n Color \n 'rgba(0,0,0,0.8)' \n Background color of the label container. \n \n \n backgroundShadowColor \n Color \n 'transparent' \n The color of shadow of the box where the label is located. See MDN . \n \n \n borderCapStyle \n string \n 'butt' \n Cap style of the border line. See MDN . \n \n \n borderColor \n Color \n black \n The border line color. \n \n \n borderDash \n number[] \n [] \n Length and spacing of dashes. See MDN . \n \n \n borderDashOffset \n number \n 0 \n Offset for border line dashes. See MDN . \n \n \n borderJoinStyle \n string \n 'miter' \n Border line join style. See MDN . \n \n \n borderRadius \n number | object \n 6 \n Radius of label box corners in pixels. \n \n \n borderShadowColor \n Color \n 'transparent' \n The color of border shadow of the box where the label is located. See MDN . \n \n \n borderWidth \n number \n 0 \n The border line width (in pixels). \n \n \n callout \n object \n \n Can connect the label to the line. See callout . \n \n \n color \n Color | Color[] \n '#fff' \n Text color. \n \n \n content \n string | string[] | Image | HTMLCanvasElement \n null \n The content to show in the label. \n \n \n display \n boolean \n false \n Whether or not the label is shown. \n \n \n drawTime \n string | number \n options.drawTime \n See drawTime . Defaults to the line annotation draw time if unset. \n \n \n font \n Font | Font[] \n { weight: 'bold' } \n Label font. \n \n \n height \n number | string \n undefined \n Overrides the height of the image or canvas element. Could be set in pixel by a number, or in percentage of current height of image or canvas element by a string. If undefined, uses the height of the image or canvas element. It is used only when the content is an image or canvas element. \n \n \n hitTolerance \n number \n undefined \n Amount of pixels to interact with annotations within some distance of the mouse point. \n \n \n opacity \n number \n undefined \n Overrides the opacity of the image or canvas element. Could be set a number in the range 0.0 to 1.0, inclusive. If undefined, uses the opacity of the image or canvas element. It is used only when the content is an image or canvas element. \n \n \n padding \n Padding \n 6 \n The padding to add around the text label. \n \n \n position \n string \n 'center' \n Anchor position of label on line. Possible options are: 'start' , 'center' , 'end' . It can be set by a string in percentage format 'number%' which are representing the percentage on the width of the line where the label will be located. \n \n \n rotation \n number | 'auto' \n 0 \n Rotation of label, in degrees, or 'auto' to use the degrees of the line. \n \n \n shadowBlur \n number \n 0 \n The amount of blur applied to shadow of the box where the label is located. See MDN . \n \n \n shadowOffsetX \n number \n 0 \n The distance that shadow, of the box where the label is located, will be offset horizontally. See MDN . \n \n \n shadowOffsetY \n number \n 0 \n The distance that shadow, of the box where the label is located, will be offset vertically. See MDN . \n \n \n textAlign \n string \n 'center' \n Text alignment of label content when there's more than one line. Possible options are: 'start' , 'center' , 'end' . \n \n \n textStrokeColor \n Color \n undefined \n The color of the stroke around the text. \n \n \n textStrokeWidth \n number \n 0 \n Stroke width around the text. \n \n \n width \n number | string \n undefined \n Overrides the width of the image or canvas element. Could be set in pixel by a number, or in percentage of current width of image or canvas element by a string. If undefined, uses the width of the image or canvas element. It is used only when the content is an image or canvas element. \n \n \n xAdjust \n number \n 0 \n Adjustment along x-axis (left-right) of label relative to computed position. Negative values move the label left, positive right. \n \n \n yAdjust \n number \n 0 \n Adjustment along y-axis (top-bottom) of label relative to computed position. Negative values move the label up, positive down. \n \n \n z \n number \n 0 \n It determines the drawing stack level of the label element, with same drawTime . \n borderRadius \n If this value is a number, it is applied to all corners of the rectangle (topLeft, topRight, bottomLeft, bottomRight). If this value is an object, the topLeft property defines the top-left corners border radius. Similarly, the topRight , bottomLeft , and bottomRight properties can also be specified. Omitted corners have radius of 0. \n Fonts and colors \n When the label to draw has multiple lines, you can use different font and color for each line of the label. This is enabled configuring an array of fonts or colors for those options. When the lines are more than the configured fonts of colors, the last configuration of those options is used for all remaining lines. \n Callout \n A callout can connect the label to the line when the label is arbitrarily (by xAdjust and yAdjust options) moved from its original position. \n Namespace: options.annotations[annotationID].label.callout , it defines options for the callout on the label of the line annotation. \n All of these options can be Scriptable . \n \n \n \n Name \n Type \n Default \n Notes \n \n \n \n \n borderCapStyle \n string \n 'butt' \n Cap style of the border line of callout. See MDN . \n \n \n borderColor \n Color \n undefined \n Stroke color of the pointer of the callout. \n \n \n borderDash \n number[] \n [] \n Length and spacing of dashes of callout. See MDN . \n \n \n borderDashOffset \n number \n 0 \n Offset for line dashes of callout. See MDN . \n \n \n borderJoinStyle \n string \n 'miter' \n Border line join style of the callout. See MDN . \n \n \n borderWidth \n number \n 1 \n Stroke width of the pointer of the callout. \n \n \n display \n boolean \n false \n If true, the callout is drawn. \n \n \n margin \n number \n 5 \n Amount of pixels between the label and the callout separator. \n \n \n position \n string \n 'auto' \n The position of callout, with respect to the label. Could be left , top , right , bottom or auto . \n \n \n side \n number \n 5 \n Width of the starter line of callout pointer. \n \n \n start \n number | string \n '50%' \n The percentage of the separator dimension to use as starting point for callout pointer. Could be set in pixel by a number, or in percentage of the separator dimension by a string. \n Arrow heads \n Namespace: options.annotations[annotationID].arrowHeads , it defines options for the line annotation arrow heads. \n All of these options can be Scriptable \n \n \n \n Name \n Type \n Notes \n \n \n \n \n end \n object \n To configure the arrow head at the end of the line. \n \n \n start \n object \n To configure the arrow head at the start of the line. \n Arrow head configuration \n Enabling it, you can add arrow heads at start and/or end of a line. It uses the borderWidth of the line options to configure the line width of the arrow head. \n The following options can be specified per ( start and/or end ) arrow head, or at the top level ( arrowHeads ) which apply to all arrow heads. \n All of these options can be Scriptable \n \n \n \n Name \n Type \n Default \n Notes \n \n \n \n \n backgroundColor \n Color \n lineAnnotation.borderColor \n Background color of the arrow head. \n \n \n backgroundShadowColor \n Color \n 'transparent' \n The color of shadow of the arrow head. See MDN . \n \n \n borderColor \n Color \n lineAnnotation.borderColor \n The border arrow head color. \n \n \n borderDash \n number[] \n lineAnnotation.borderDash \n Length and spacing of dashes. See MDN . \n \n \n borderDashOffset \n number \n lineAnnotation.borderDashOffset \n Offset for border arrow head dashes. See MDN . \n \n \n borderShadowColor \n Color \n lineAnnotation.borderShadowColor \n The color of border shadow of the arrow head. See MDN . \n \n \n borderWidth \n number \n lineAnnotation.borderWidth \n The border line width (in pixels). \n \n \n display \n boolean \n false \n Whether or not the arrow head is shown. \n \n \n fill \n boolean \n false \n Whether or not the arrow head is filled. \n \n \n length \n number \n 12 \n The length of the arrow head in pixels. \n \n \n shadowBlur \n number \n lineAnnotation.shadowBlur \n The amount of blur applied to shadow of the arrow head. See MDN . \n \n \n shadowOffsetX \n number \n lineAnnotation.shadowOffsetX \n The distance that shadow, of the arrow head, will be offset horizontally. See MDN . \n \n \n shadowOffsetY \n number \n lineAnnotation.shadowOffsetY \n The distance that shadow, of the arrow head, will be offset vertically. See MDN . \n \n \n width \n number \n 6 \n The width of the arrow head in pixels. \n Element \n The following diagram is showing the element properties about a 'line' annotation: \n \n The label of a box annotation is described as a label annotation and accessible by element.label . \n"},{title:"Point Annotations",frontmatter:{},regularPath:"/guide/types/point.html",relativePath:"guide/types/point.md",key:"v-90c1ce06",path:"/guide/types/point.html",headers:[{level:2,title:"Configuration",slug:"configuration"},{level:3,title:"Point annotation specific options",slug:"point-annotation-specific-options"},{level:3,title:"Common options to all annotations",slug:"common-options-to-all-annotations"},{level:3,title:"General",slug:"general"},{level:3,title:"Styling",slug:"styling"},{level:2,title:"Element",slug:"element"}],lastUpdated:"9/19/2024, 7:48:57 AM",lastUpdatedTimestamp:1726732137e3,content:" Point Annotations \n Point annotations are used to mark points on the chart area. This can be useful for highlighting values that are of interest. \n */\nconst options = {\n plugins: {\n annotation: {\n annotations: {\n point1: {\n type: 'point',\n xValue: 1,\n yValue: 60,\n backgroundColor: 'rgba(255, 99, 132, 0.25)'\n }\n }\n }\n }\n};\n/* */\n\n/* */\nconst config = {\n type: 'line',\n data: {\n labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July'],\n datasets: [{\n label: 'My First Dataset',\n data: [65, 59, 80, 81, 56, 55, 40],\n fill: false,\n borderColor: 'rgb(75, 192, 192)',\n tension: 0.1\n }]\n },\n options\n};\n/* */\n\nmodule.exports = {\n config\n};\n`\"/> # Configuration \n Point annotation specific options \n The following options are available for point annotations. \n \n \n \n Name \n Type \n Scriptable \n Default \n \n \n \n \n backgroundShadowColor \n Color \n Yes \n 'transparent' \n \n \n borderWidth \n number \n Yes \n 1 \n \n \n pointStyle \n PointStyle \n Yes \n 'circle' \n \n \n radius \n number \n Yes \n 10 \n \n \n rotation \n number \n Yes \n 0 \n \n \n xAdjust \n number \n Yes \n 0 \n \n \n xValue \n number | string \n Yes \n undefined \n \n \n yAdjust \n number \n Yes \n 0 \n \n \n yValue \n number | string \n Yes \n undefined \n Common options to all annotations \n The following options are available for all annotations. \n \n \n \n Name \n Type \n Scriptable \n Default \n \n \n \n \n adjustScaleRange \n boolean \n Yes \n true \n \n \n backgroundColor \n Color \n Yes \n options.color \n \n \n borderColor \n Color \n Yes \n options.color \n \n \n borderDash \n number[] \n Yes \n [] \n \n \n borderDashOffset \n number \n Yes \n 0 \n \n \n borderShadowColor \n Color \n Yes \n 'transparent' \n \n \n display \n boolean \n Yes \n true \n \n \n drawTime \n string | number \n Yes \n 'afterDatasetsDraw' \n \n \n hitTolerance \n number \n Yes \n 0 \n \n \n init \n boolean \n See initial animation \n undefined \n \n \n id \n string \n No \n undefined \n \n \n shadowBlur \n number \n Yes \n 0 \n \n \n shadowOffsetX \n number \n Yes \n 0 \n \n \n shadowOffsetY \n number \n Yes \n 0 \n \n \n xMax \n number | string \n Yes \n undefined \n \n \n xMin \n number | string \n Yes \n undefined \n \n \n xScaleID \n string \n Yes \n undefined \n \n \n yMin \n number | string \n Yes \n undefined \n \n \n yMax \n number | string \n Yes \n undefined \n \n \n yScaleID \n string \n Yes \n undefined \n \n \n z \n number \n Yes \n 0 \n General \n If one of the axes does not match an axis in the chart, the point annotation will take the center of the chart as point. The 2 coordinates, xValue, yValue are optional. If not specified, the point annotation will take the center of the scale dimension as point. \n The 4 coordinates, xMin, xMax, yMin, yMax are optional. If not specified, the box is expanded out to the edges in the respective direction and the box size is used to calculated the center of the point. To enable to use the box positioning, the radius must be set to 0 or NaN . \n \n \n \n Name \n Description \n \n \n \n \n adjustScaleRange \n Should the scale range be adjusted if this annotation is out of range. \n \n \n display \n Whether or not this annotation is visible. \n \n \n drawTime \n See drawTime . \n \n \n hitTolerance \n Amount of pixels to interact with annotations within some distance of the mouse point. \n \n \n id \n Identifies a unique id for the annotation and it will be stored in the element context. When the annotations are defined by an object, the id is automatically set using the key used to store the annotations in the object. When the annotations are configured by an array, the id, passed by this option in the annotation, will be used. \n \n \n radius \n Size of the point in pixels. \n \n \n rotation \n Rotation of point, in degrees. \n \n \n xAdjust \n Adjustment along x-axis (left-right) of point relative to computed position. Negative values move the point left, positive right. \n \n \n xMax \n Right edge of the box in units along the x axis. \n \n \n xMin \n Left edge of the box in units along the x axis. \n \n \n xScaleID \n ID of the X scale to bind onto. If missing, the plugin will try to use the scale of the chart, configured as 'x' axis. If more than one scale has been defined in the chart as 'x' axis, the option is mandatory to select the right scale. \n \n \n xValue \n X coordinate of the point in units along the x axis. \n \n \n yAdjust \n Adjustment along y-axis (top-bottom) of point relative to computed position. Negative values move the point up, positive down. \n \n \n yMax \n Bottom edge of the box in units along the y axis. \n \n \n yMin \n Top edge of the box in units along the y axis. \n \n \n yScaleID \n ID of the Y scale to bind onto. If missing, the plugin will try to use the scale of the chart, configured as 'y' axis. If more than one scale has been defined in the chart as 'y' axis, the option is mandatory to select the right scale. \n \n \n yValue \n Y coordinate of the point in units along the y axis. \n \n \n z \n The z property determines the drawing stack level of the point annotation element. All visible elements will be drawn in ascending order of z option, with the same drawTime option. \n Styling \n \n \n \n Name \n Description \n \n \n \n \n backgroundColor \n Fill color. \n \n \n backgroundShadowColor \n The color of shadow. See MDN . \n \n \n borderColor \n Stroke color. \n \n \n borderDash \n Length and spacing of dashes. See MDN . \n \n \n borderDashOffset \n Offset for line dashes. See MDN . \n \n \n borderShadowColor \n The color of border shadow. See MDN . \n \n \n borderWidth \n Stroke width. \n \n \n pointStyle \n Style of the point. \n \n \n shadowBlur \n The amount of blur applied to shadow. See MDN . \n \n \n shadowOffsetX \n The distance that shadow will be offset horizontally. See MDN . \n \n \n shadowOffsetY \n The distance that shadow will be offset vertically. See MDN . \n Element \n The following diagram is showing the element properties about a 'point' annotation: \n \n"},{title:"Polygon Annotations",frontmatter:{},regularPath:"/guide/types/polygon.html",relativePath:"guide/types/polygon.md",key:"v-33db82fd",path:"/guide/types/polygon.html",headers:[{level:2,title:"Configuration",slug:"configuration"},{level:3,title:"Polygon annotation specific options",slug:"polygon-annotation-specific-options"},{level:3,title:"Common options to all annotations",slug:"common-options-to-all-annotations"},{level:3,title:"General",slug:"general"},{level:3,title:"Styling",slug:"styling"},{level:3,title:"Point",slug:"point"},{level:2,title:"Element",slug:"element"}],lastUpdated:"9/19/2024, 7:48:57 AM",lastUpdatedTimestamp:1726732137e3,content:" Polygon Annotations \n Polygon annotations are used to mark whatever polygon (for instance triangle, square or pentagon) on the chart area. This can be useful for highlighting values that are of interest. \n */\nconst options = {\n plugins: {\n annotation: {\n annotations: {\n pentagon: {\n type: 'polygon',\n xValue: 1,\n yValue: 60,\n sides: 5,\n radius: 60,\n backgroundColor: 'rgba(255, 99, 132, 0.25)'\n }\n }\n }\n }\n};\n/* */\n\n/* */\nconst config = {\n type: 'line',\n data: {\n labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July'],\n datasets: [{\n label: 'My First Dataset',\n data: [65, 59, 80, 81, 56, 55, 40],\n fill: false,\n borderColor: 'rgb(75, 192, 192)',\n tension: 0.1\n }]\n },\n options\n};\n/* */\n\nmodule.exports = {\n config\n};\n`\"/> # Configuration \n Polygon annotation specific options \n The following options are available for polygon annotations. \n \n \n \n Name \n Type \n Scriptable \n Default \n \n \n \n \n backgroundShadowColor \n Color \n Yes \n 'transparent' \n \n \n borderCapStyle \n string \n Yes \n 'butt' \n \n \n borderJoinStyle \n string \n Yes \n 'miter' \n \n \n borderWidth \n number \n Yes \n 1 \n \n \n point \n object \n Yes \n {radius: 0} \n \n \n radius \n number \n Yes \n 10 \n \n \n rotation \n number \n Yes \n 0 \n \n \n sides \n number \n Yes \n 3 \n \n \n xAdjust \n number \n Yes \n 0 \n \n \n xValue \n number | string \n Yes \n undefined \n \n \n yAdjust \n number \n Yes \n 0 \n \n \n yValue \n number | string \n Yes \n undefined \n Common options to all annotations \n The following options are available for all annotations. \n \n \n \n Name \n Type \n Scriptable \n Default \n \n \n \n \n adjustScaleRange \n boolean \n Yes \n true \n \n \n backgroundColor \n Color \n Yes \n options.color \n \n \n borderColor \n Color \n Yes \n options.color \n \n \n borderDash \n number[] \n Yes \n [] \n \n \n borderDashOffset \n number \n Yes \n 0 \n \n \n borderShadowColor \n Color \n Yes \n 'transparent' \n \n \n display \n boolean \n Yes \n true \n \n \n drawTime \n string | number \n Yes \n 'afterDatasetsDraw' \n \n \n hitTolerance \n number \n Yes \n 0 \n \n \n init \n boolean \n See initial animation \n undefined \n \n \n id \n string \n No \n undefined \n \n \n shadowBlur \n number \n Yes \n 0 \n \n \n shadowOffsetX \n number \n Yes \n 0 \n \n \n shadowOffsetY \n number \n Yes \n 0 \n \n \n xMax \n number | string \n Yes \n undefined \n \n \n xMin \n number | string \n Yes \n undefined \n \n \n xScaleID \n string \n Yes \n undefined \n \n \n yMin \n number | string \n Yes \n undefined \n \n \n yMax \n number | string \n Yes \n undefined \n \n \n yScaleID \n string \n Yes \n undefined \n \n \n z \n number \n Yes \n 0 \n General \n If one of the axes does not match an axis in the chart, the polygon annotation will take the center of the chart as point. The 2 coordinates, xValue, yValue are optional. If not specified, the polygon annotation will take the center of the scale dimension. \n The 4 coordinates, xMin, xMax, yMin, yMax are optional. If not specified, the box is expanded out to the edges in the respective direction and the box size is used to calculated the center of the point. To enable to use the box positioning, the radius must be set to 0 or NaN . \n \n \n \n Name \n Description \n \n \n \n \n adjustScaleRange \n Should the scale range be adjusted if this annotation is out of range. \n \n \n display \n Whether or not this annotation is visible. \n \n \n drawTime \n See drawTime . \n \n \n hitTolerance \n Amount of pixels to interact with annotations within some distance of the mouse point. \n \n \n id \n Identifies a unique id for the annotation and it will be stored in the element context. When the annotations are defined by an object, the id is automatically set using the key used to store the annotations in the object. When the annotations are configured by an array, the id, passed by this option in the annotation, will be used. \n \n \n radius \n Size of the polygon in pixels. \n \n \n rotation \n Rotation of polygon, in degrees. \n \n \n sides \n Amount of sides of polygon. \n \n \n xAdjust \n Adjustment along x-axis (left-right) of polygon relative to computed position. Negative values move the polygon left, positive right. \n \n \n xMax \n Right edge of the box in units along the x axis. \n \n \n xMin \n Left edge of the box in units along the x axis. \n \n \n xScaleID \n ID of the X scale to bind onto. If missing, the plugin will try to use the scale of the chart, configured as 'x' axis. If more than one scale has been defined in the chart as 'x' axis, the option is mandatory to select the right scale. \n \n \n xValue \n X coordinate of the polygon in units along the x axis. \n \n \n yAdjust \n Adjustment along y-axis (top-bottom) of polygon relative to computed position. Negative values move the polygon up, positive down. \n \n \n yMax \n Bottom edge of the box in units along the y axis. \n \n \n yMin \n Top edge of the box in units along the y axis. \n \n \n yScaleID \n ID of the Y scale to bind onto. If missing, the plugin will try to use the scale of the chart, configured as 'y' axis. If more than one scale has been defined in the chart as 'y' axis, the option is mandatory to select the right scale. \n \n \n yValue \n Y coordinate of the polygon in units along the y axis. \n \n \n z \n The z property determines the drawing stack level of the polygon annotation element. All visible elements will be drawn in ascending order of z option, with the same drawTime option. \n Styling \n \n \n \n Name \n Description \n \n \n \n \n backgroundColor \n Fill color. \n \n \n backgroundShadowColor \n The color of shadow. See MDN . \n \n \n borderColor \n Stroke color. \n \n \n borderCapStyle \n Cap style of the border of polygon. See MDN . \n \n \n borderDash \n Length and spacing of dashes. See MDN . \n \n \n borderDashOffset \n Offset for line dashes. See MDN . \n \n \n borderJoinStyle \n Border line join style. See MDN . \n \n \n borderShadowColor \n The color of the border shadow. See MDN . \n \n \n borderWidth \n Stroke width. \n \n \n shadowBlur \n The amount of blur applied to shadow. See MDN . \n \n \n shadowOffsetX \n The distance that shadow will be offset horizontally. See MDN . \n \n \n shadowOffsetY \n The distance that shadow will be offset vertically. See MDN . \n Point \n Polygon consists of points. These points are actually Point Annotations and all of the styling options can be configured. General options affecting the location of the point are ignored. \n Namespace: options.annotations[annotationID].point , it defines options for the callout on the annotation label. \n */\nconst options = {\n plugins: {\n annotation: {\n annotations: {\n pentagon: {\n type: 'polygon',\n xValue: 1,\n yValue: 60,\n sides: 4,\n radius: 60,\n backgroundColor: 'rgba(255, 99, 132, 0.25)',\n point: {\n radius: 10,\n borderWidth: 2,\n borderColor: '#666',\n backgroundColor: 'rgba(99, 132, 255, 0.25)',\n }\n }\n }\n }\n }\n};\n/* */\n\n/* */\nconst config = {\n type: 'line',\n data: {\n labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July'],\n datasets: [{\n label: 'My First Dataset',\n data: [65, 59, 80, 81, 56, 55, 40],\n fill: false,\n borderColor: 'rgb(75, 192, 192)',\n tension: 0.1\n }]\n },\n options\n};\n/* */\n\nmodule.exports = {\n config\n};\n`\"/> # Element \n The following diagram is showing the element properties about a 'polygon' annotation: \n \n"},{title:"Usage",frontmatter:{},regularPath:"/guide/usage.html",relativePath:"guide/usage.md",key:"v-942110c6",path:"/guide/usage.html",lastUpdated:"9/19/2024, 7:48:57 AM",lastUpdatedTimestamp:1726732137e3,content:" Usage \n Using the annotation plugin is very simple. Once the plugin is registered annotation options provided to the chart will be used. In this simple example, we define a single box annotation for our chart. \n */\nconst config = {\n type: 'line',\n data: {\n labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July'],\n datasets: [{\n label: 'My First Dataset',\n data: [65, 59, 80, 81, 56, 55, 40],\n fill: false,\n borderColor: 'rgb(75, 192, 192)',\n tension: 0.1\n }]\n },\n options: {\n plugins: {\n annotation: {\n annotations: {\n box1: {\n // Indicates the type of annotation\n type: 'box',\n xMin: 1,\n xMax: 2,\n yMin: 50,\n yMax: 70,\n backgroundColor: 'rgba(255, 99, 132, 0.25)'\n }\n }\n }\n }\n }\n};\n/* */\n\nmodule.exports = {\n config\n};\n`\"/>"},{title:"Home",frontmatter:{home:!0,heroImage:"/hero.svg",actionText:"Get Started →",actionLink:"/guide/",footer:"MIT Licensed | Copyright © 2016-2023 chartjs-plugin-annotation contributors"},regularPath:"/",relativePath:"index.md",key:"v-ebb19754",path:"/",lastUpdated:"9/19/2024, 7:48:57 AM",lastUpdatedTimestamp:1726732137e3,content:""},{title:"Basic",frontmatter:{},regularPath:"/samples/box/basic.html",relativePath:"samples/box/basic.md",key:"v-54f14cdd",path:"/samples/box/basic.html",lastUpdated:"9/19/2024, 7:48:57 AM",lastUpdatedTimestamp:1726732137e3,content:" Basic \n \nconst DATA_COUNT = 8;\nconst MIN = [0, 50];\nconst MAX = [50, 100];\n\nUtils.srand(8);\n\nconst data = {\n datasets: [{\n data: Utils.points({count: DATA_COUNT, min: MIN[0], max: MAX[0]})\n }, {\n data: Utils.points({count: DATA_COUNT, min: MIN[1], max: MAX[1]})\n }]\n};\n// \n\n// \nconst annotation1 = {\n type: 'box',\n backgroundColor: 'rgba(0, 150, 0, 0.02)',\n borderColor: 'rgba(0, 150, 0, 0.2)',\n borderRadius: 4,\n borderWidth: 1,\n xMax: (ctx) => max(ctx, 0, 'x') + 2,\n xMin: (ctx) => min(ctx, 0, 'x') - 2,\n yMax: (ctx) => max(ctx, 0, 'y') + 2,\n yMin: (ctx) => min(ctx, 0, 'y') - 2\n};\n// \n\n// \nconst annotation2 = {\n type: 'box',\n backgroundColor: 'rgba(150, 0, 0, 0.02)',\n borderColor: 'rgba(150, 0, 0, 0.2)',\n borderRadius: 4,\n borderWidth: 1,\n xMax: (ctx) => max(ctx, 1, 'x') + 2,\n xMin: (ctx) => min(ctx, 1, 'x') - 2,\n yMax: (ctx) => max(ctx, 1, 'y') + 2,\n yMin: (ctx) => min(ctx, 1, 'y') - 2\n};\n// \n\n/* */\nconst config = {\n type: 'scatter',\n data,\n options: {\n plugins: {\n annotation: {\n annotations: {\n annotation1,\n annotation2\n }\n }\n }\n }\n};\n/* */\n\n// \nfunction min(ctx, datasetIndex, prop) {\n const dataset = ctx.chart.data.datasets[datasetIndex];\n return dataset.data.reduce((v, point) => Math.min(point[prop], v), Infinity);\n}\n\nfunction max(ctx, datasetIndex, prop) {\n const dataset = ctx.chart.data.datasets[datasetIndex];\n return dataset.data.reduce((v, point) => Math.max(point[prop], v), -Infinity);\n}\n\n// \n\nconst actions = [\n {\n name: 'Randomize',\n handler: function(chart) {\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data.forEach(p => {\n p.x = Utils.rand(MIN[i], MAX[i]);\n p.y = Utils.rand(MIN[i], MAX[i]);\n });\n });\n chart.update();\n }\n },\n {\n name: 'Add data',\n handler: function(chart) {\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data.push({x: Utils.rand(MIN[i], MAX[i]), y: Utils.rand(MIN[i], MAX[i])});\n });\n chart.update();\n }\n },\n {\n name: 'Remove data',\n handler: function(chart) {\n chart.data.labels.shift();\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data.shift();\n });\n chart.update();\n }\n }\n];\n\nmodule.exports = {\n actions: actions,\n config: config,\n};\n`\"/>"},{title:"Using canvas as labels",frontmatter:{},regularPath:"/samples/box/canvas.html",relativePath:"samples/box/canvas.md",key:"v-43e4cf76",path:"/samples/box/canvas.html",lastUpdated:"9/19/2024, 7:48:57 AM",lastUpdatedTimestamp:1726732137e3,content:" Using canvas as labels \n \nconst DATA_COUNT = 12;\nconst MIN = 10;\nconst MAX = 100;\n\nconst numberCfg = {count: DATA_COUNT, min: MIN, max: MAX};\n\nconst data = {\n labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'],\n datasets: [{\n data: Utils.numbers(numberCfg)\n }]\n};\n// \n\n// \nconst annotation1 = {\n type: 'box',\n backgroundColor: 'rgba(165, 214, 167, 0.2)',\n borderWidth: 0,\n xMax: 2,\n xMin: 5,\n label: {\n display: true,\n content: Utils.getSpiral(),\n position: {\n x: 'center',\n y: 'start'\n }\n }\n};\n// \n\n// \nconst annotation2 = {\n type: 'box',\n backgroundColor: 'rgba(188, 170, 164, 0.2)',\n borderWidth: 0,\n xMax: 6,\n xMin: 10,\n label: {\n display: true,\n content: Utils.getHouse(),\n position: {\n x: 'center',\n y: 'end'\n }\n }\n};\n// \n\n/* */\nconst config = {\n type: 'line',\n data,\n options: {\n scales: {\n y: {\n beginAtZero: true,\n }\n },\n plugins: {\n annotation: {\n annotations: {\n annotation1,\n annotation2\n }\n }\n }\n }\n};\n/* */\n\nconst actions = [\n {\n name: 'Randomize',\n handler: function(chart) {\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data = dataset.data.map(() => Utils.rand(MIN, MAX));\n });\n chart.update();\n }\n }\n];\n\nmodule.exports = {\n actions: actions,\n config: config\n};\n`\"/>"},{title:"Disclosure",frontmatter:{},regularPath:"/samples/box/disclosure.html",relativePath:"samples/box/disclosure.md",key:"v-366650ca",path:"/samples/box/disclosure.html",lastUpdated:"9/19/2024, 7:48:57 AM",lastUpdatedTimestamp:1726732137e3,content:" Disclosure \n \nconst DATA_COUNT = 12;\nconst MIN = 10;\nconst MAX = 100;\n\nconst numberCfg = {count: DATA_COUNT, min: MIN, max: MAX};\n\nconst data = {\n labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'],\n datasets: [{\n data: Utils.numbers(numberCfg)\n }]\n};\n// \n\n// \nconst annotation = {\n type: 'box',\n backgroundColor: 'transparent',\n borderWidth: 0,\n label: {\n drawTime: 'afterDatasetsDraw',\n display: true,\n color: 'rgba(208, 208, 208, 0.2)',\n content: 'Draft',\n font: {\n size: (ctx) => ctx.chart.chartArea.height / 1.5\n },\n position: 'center'\n }\n};\n// \n\n/* */\nconst config = {\n type: 'line',\n data,\n options: {\n plugins: {\n annotation: {\n annotations: {\n annotation\n }\n }\n }\n }\n};\n/* */\n\nconst actions = [\n {\n name: 'Randomize',\n handler: function(chart) {\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data = dataset.data.map(() => Utils.rand(MIN, MAX));\n });\n chart.update();\n }\n }\n];\n\nmodule.exports = {\n actions: actions,\n config: config,\n};\n`\"/>"},{title:"Magic quadrant",frontmatter:{},regularPath:"/samples/box/gradient.html",relativePath:"samples/box/gradient.md",key:"v-fac884d6",path:"/samples/box/gradient.html",lastUpdated:"9/19/2024, 7:48:57 AM",lastUpdatedTimestamp:1726732137e3,content:" Magic quadrant \n \nconst META = [[\n {color: 'rgb(255, 174, 201)', backgroundColor: 'rgba(255, 174, 201, 0.5)', label: 'Niche players'},\n {color: 'rgb(159, 168, 218)', backgroundColor: 'rgba(159, 168, 218, 0.5)', label: 'Visionaries'},\n], [\n {color: 'rgb(255, 245, 157)', backgroundColor: 'rgba(255, 245, 157, 0.5)', label: 'Challengers'},\n {color: 'rgb(165, 214, 167)', backgroundColor: 'rgba(165, 214, 167, 0.5)', label: 'Leaders'},\n]];\nconst DATA_COUNT = 12;\nconst MIN = 0.5;\nconst MAX = 9.5;\n\nconst data = {\n datasets: [{\n data: randomize(),\n pointRadius: 8\n }]\n};\n// \n\n// \nconst annotation1 = {\n type: 'box',\n backgroundColor: (ctx) => gradient(ctx, META[1][0].backgroundColor),\n xMax: 5,\n yMin: 5,\n label: {\n content: META[1][0].label,\n position: {\n x: 'start',\n y: 'start'\n }\n }\n};\n// \n\n// \nconst annotation2 = {\n type: 'box',\n backgroundColor: (ctx) => gradient(ctx, META[1][1].backgroundColor, true),\n xMin: 5,\n yMin: 5,\n label: {\n content: META[1][1].label,\n position: {\n x: 'end',\n y: 'start'\n }\n }\n};\n// \n\n// \nconst annotation3 = {\n type: 'box',\n backgroundColor: (ctx) => gradient(ctx, META[0][0].backgroundColor),\n xMax: 5,\n yMax: 5,\n label: {\n content: META[0][0].label,\n position: {\n x: 'start',\n y: 'end'\n }\n }\n};\n// \n\n// \nconst annotation4 = {\n type: 'box',\n backgroundColor: (ctx) => gradient(ctx, META[0][1].backgroundColor, true),\n xMin: 5,\n yMax: 5,\n label: {\n content: META[0][1].label,\n position: {\n x: 'end',\n y: 'end'\n }\n }\n};\n// \n\n// \nfunction randomize() {\n const xValues = Utils.numbers({count: DATA_COUNT, min: MIN, max: MAX});\n const yValues = Utils.numbers({count: DATA_COUNT, min: MIN, max: MAX});\n const values = [];\n for (let i = 0; i \n\n/* */\nconst config = {\n type: 'scatter',\n data,\n options: {\n layout: {\n padding: {\n top: 12\n }\n },\n elements: {\n boxAnnotation: {\n borderWidth: 0,\n label: {\n drawTime: 'beforeDatasetsDraw',\n display: true,\n font: {\n size: 20\n }\n }\n }\n },\n scales: {\n x: {\n beginAtZero: true,\n max: 10,\n min: 0,\n grid: {\n drawTicks: false,\n color: gridColor\n },\n ticks: {\n display: false\n },\n title: {\n display: true,\n text: 'Completeness of vision',\n padding: 10,\n font: {\n size: 20,\n weight: 'bold'\n }\n }\n },\n y: {\n display: true,\n beginAtZero: true,\n max: 10,\n min: 0,\n grid: {\n drawTicks: false,\n color: gridColor\n },\n ticks: {\n display: false\n },\n title: {\n display: true,\n text: 'Ability to execute',\n padding: 10,\n font: {\n size: 20,\n weight: 'bold'\n }\n }\n }\n },\n plugins: {\n annotation: {\n common: {\n drawTime: 'beforeDraw'\n },\n annotations: {\n annotation1,\n annotation2,\n annotation3,\n annotation4\n }\n },\n tooltip: {\n mode: 'nearest',\n intersect: true,\n usePointStyle: true,\n footerAlign: 'right',\n footerColor: 'lightGray',\n footerMarginTop: 10,\n callbacks: {\n title: (items) => items[0].raw.co,\n labelColor({raw}) {\n const x = raw.x > 5 ? 1 : 0;\n const y = raw.y > 5 ? 1 : 0;\n return {\n borderColor: META[y][x].color,\n backgroundColor: META[y][x].backgroundColor,\n borderWidth: 3\n };\n },\n label({raw}) {\n const x = raw.x > 5 ? 1 : 0;\n const y = raw.y > 5 ? 1 : 0;\n return META[y][x].label;\n },\n footer(items) {\n const {raw} = items[0];\n return ['Completeness of vision: ' + raw.x.toFixed(2), 'Ability to execute: ' + raw.y.toFixed(2)];\n }\n }\n }\n }\n }\n};\n/* */\n\nconst actions = [\n {\n name: 'Randomize',\n handler: function(chart) {\n chart.data.datasets.forEach(function(dataset, i) {\n const values = randomize();\n dataset.data.forEach((p, idx) => {\n const v = values[idx];\n p.x = v.x;\n p.y = v.y;\n p.co = v.co;\n });\n });\n chart.update();\n }\n },\n];\n\nmodule.exports = {\n actions: actions,\n config: config,\n};\n`\"/>"},{title:"Using images as labels",frontmatter:{},regularPath:"/samples/box/image.html",relativePath:"samples/box/image.md",key:"v-f46f9a86",path:"/samples/box/image.html",lastUpdated:"9/19/2024, 7:48:57 AM",lastUpdatedTimestamp:1726732137e3,content:" Using images as labels \n \nconst DATA_COUNT = 12;\nconst MIN = 10;\nconst MAX = 100;\n\nconst numberCfg = {count: DATA_COUNT, min: MIN, max: MAX};\n\nconst data = {\n labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'],\n datasets: [{\n data: Utils.numbers(numberCfg)\n }]\n};\n// \n\n// \nconst annotation = {\n type: 'box',\n backgroundColor: 'rgba(0, 0, 0, 0.2)',\n borderWidth: 1,\n borderColor: '#F27173',\n yMin: 30,\n yMax: 80,\n xMax: 2,\n xMin: 5,\n label: {\n display: true,\n content: Utils.getImage(),\n width: 150,\n height: 150,\n position: 'center'\n }\n};\n// \n\n/* */\nconst config = {\n type: 'line',\n data,\n options: {\n scales: {\n y: {\n beginAtZero: true\n }\n },\n plugins: {\n annotation: {\n annotations: {\n annotation\n }\n }\n }\n }\n};\n/* */\n\nconst actions = [\n {\n name: 'Randomize',\n handler: function(chart) {\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data = dataset.data.map(() => Utils.rand(MIN, MAX));\n });\n chart.update();\n }\n }\n];\n\nmodule.exports = {\n actions: actions,\n config: config\n};\n`\"/>"},{title:"Initial animations",frontmatter:{},regularPath:"/samples/box/initAnim.html",relativePath:"samples/box/initAnim.md",key:"v-b3a5649a",path:"/samples/box/initAnim.html",lastUpdated:"9/19/2024, 7:48:57 AM",lastUpdatedTimestamp:1726732137e3,content:" Initial animations \n \nconst DATA_COUNT = 12;\nconst MIN = 10;\nconst MAX = 100;\n\nconst numberCfg = {count: DATA_COUNT, min: MIN, max: MAX};\n\nconst data = {\n labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'],\n datasets: [{\n data: Utils.numbers(numberCfg)\n }]\n};\n// \n\n// \nconst annotation1 = {\n type: 'box',\n backgroundColor: 'rgba(0, 150, 0, 0.2)',\n borderColor: 'rgba(0, 150, 0)',\n borderRadius: 4,\n borderWidth: 1,\n init: true,\n label: {\n display: true,\n content: 'Fade'\n },\n xMax: 6.5,\n xMin: 4.5,\n yMax: 60,\n yMin: 40\n};\n// \n\n// \nconst annotation2 = {\n type: 'box',\n backgroundColor: 'rgba(0, 150, 0, 0.2)',\n borderColor: 'rgba(0, 150, 0)',\n borderRadius: 4,\n borderWidth: 1,\n init: () => ({y: 0, y2: 0}),\n label: {\n display: true,\n content: 'Flyin from top'\n },\n xMax: 2.5,\n xMin: 0.5,\n yMax: 30,\n yMin: 10\n};\n// \n\n// \nconst annotation3 = {\n type: 'box',\n backgroundColor: 'rgba(0, 150, 0, 0.2)',\n borderColor: 'rgba(0, 150, 0)',\n borderRadius: 4,\n borderWidth: 1,\n init: () => ({x: 0, x2: 0}),\n label: {\n display: true,\n content: 'Flyin from left'\n },\n xMax: 10.5,\n xMin: 8.5,\n yMax: 90,\n yMin: 70\n};\n// \n\n/* */\nconst config = {\n type: 'line',\n data,\n options: {\n scales: {\n y: {\n beginAtZero: true,\n max: 100,\n min: 0\n }\n },\n plugins: {\n annotation: {\n common: {\n drawTime: 'afterDraw'\n },\n annotations: {\n annotation1,\n annotation2,\n annotation3\n }\n }\n }\n }\n};\n/* */\n\nconst actions = [\n {\n name: 'Randomize',\n handler: function(chart) {\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data = dataset.data.map(() => Utils.rand(MIN, MAX));\n });\n chart.update();\n }\n }\n];\n\nmodule.exports = {\n actions: actions,\n config: config,\n};\n`\"/>"},{title:"Yearly quarters",frontmatter:{},regularPath:"/samples/box/quarters.html",relativePath:"samples/box/quarters.md",key:"v-a827b1b2",path:"/samples/box/quarters.html",lastUpdated:"9/19/2024, 7:48:57 AM",lastUpdatedTimestamp:1726732137e3,content:" Yearly quarters \n \nconst DATA_COUNT = 12;\nconst MIN = 10;\nconst MAX = 100;\n\nconst numberCfg = {count: DATA_COUNT, min: MIN, max: MAX};\n\nconst data = {\n labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'],\n datasets: [{\n data: Utils.numbers(numberCfg)\n }]\n};\n// \n\n// \nconst annotation1 = {\n type: 'box',\n backgroundColor: 'rgba(255, 245, 157, 0.2)',\n borderWidth: 0,\n xMax: 2.5,\n xMin: -0.5,\n label: {\n drawTime: 'afterDraw',\n display: true,\n content: 'First quarter',\n position: {\n x: 'center',\n y: 'start'\n }\n }\n};\n// \n\n// \nconst annotation2 = {\n type: 'box',\n backgroundColor: 'rgba(188, 170, 164, 0.2)',\n borderWidth: 0,\n xMax: 5.5,\n xMin: 2.5,\n label: {\n drawTime: 'afterDraw',\n display: true,\n content: 'Second quarter',\n position: {\n x: 'center',\n y: 'start'\n }\n }\n};\n// \n\n// \nconst annotation3 = {\n type: 'box',\n backgroundColor: 'rgba(165, 214, 167, 0.2)',\n borderWidth: 0,\n xMax: 8.5,\n xMin: 5.5,\n label: {\n drawTime: 'afterDraw',\n display: true,\n content: 'Third quarter',\n position: {\n x: 'center',\n y: 'start'\n }\n }\n};\n// \n\n// \nconst annotation4 = {\n type: 'box',\n backgroundColor: 'rgba(159, 168, 218, 0.2)',\n borderWidth: 0,\n xMin: 8.5,\n label: {\n drawTime: 'afterDraw',\n display: true,\n content: 'Fourth quarter',\n position: {\n x: 'center',\n y: 'start'\n }\n }\n};\n// \n\n/* */\nconst config = {\n type: 'line',\n data,\n options: {\n scales: {\n y: {\n beginAtZero: true,\n max: 120,\n min: 0\n }\n },\n plugins: {\n annotation: {\n common: {\n drawTime: 'beforeDraw'\n },\n annotations: {\n annotation1,\n annotation2,\n annotation3,\n annotation4\n }\n }\n }\n }\n};\n/* */\n\nconst actions = [\n {\n name: 'Randomize',\n handler: function(chart) {\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data = dataset.data.map(() => Utils.rand(MIN, MAX));\n });\n chart.update();\n }\n }\n];\n\nmodule.exports = {\n actions: actions,\n config: config,\n};\n`\"/>"},{title:"Bar Chart",frontmatter:{},regularPath:"/samples/charts/bar.html",relativePath:"samples/charts/bar.md",key:"v-f0a8046a",path:"/samples/charts/bar.html",lastUpdated:"9/19/2024, 7:48:57 AM",lastUpdatedTimestamp:1726732137e3,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:"9/19/2024, 7:48:57 AM",lastUpdatedTimestamp:1726732137e3,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:"9/19/2024, 7:48:57 AM",lastUpdatedTimestamp:1726732137e3,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:"9/19/2024, 7:48:57 AM",lastUpdatedTimestamp:1726732137e3,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:"Rotation",frontmatter:{},regularPath:"/samples/ellipse/rotation.html",relativePath:"samples/ellipse/rotation.md",key:"v-14c8b49f",path:"/samples/ellipse/rotation.html",lastUpdated:"9/19/2024, 7:48:57 AM",lastUpdatedTimestamp:1726732137e3,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:"Labeling",frontmatter:{},regularPath:"/samples/ellipse/label.html",relativePath:"samples/ellipse/label.md",key:"v-475451bd",path:"/samples/ellipse/label.html",lastUpdated:"9/19/2024, 7:48:57 AM",lastUpdatedTimestamp:1726732137e3,content:" Labeling \n \nconst DATA_COUNT = 12;\nconst MIN = 10;\nconst MAX = 100;\n\nconst numberCfg = {count: DATA_COUNT, min: MIN, max: MAX};\n\nconst data = {\n labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'],\n datasets: [{\n data: Utils.numbers(numberCfg)\n }]\n};\n// \n\n// \nconst annotation = {\n type: 'ellipse',\n backgroundColor: 'rgba(208, 208, 208, 0.2)',\n borderWidth: 0,\n label: {\n drawTime: 'afterDatasetsDraw',\n display: true,\n color: 'rgba(208, 208, 208, 0.6)',\n content: 'whole year',\n font: {\n size: (ctx) => ctx.chart.chartArea.height / 4\n },\n position: {\n x: 'center',\n y: 'end'\n }\n }\n};\n// \n\n/* */\nconst config = {\n type: 'line',\n data,\n options: {\n plugins: {\n annotation: {\n annotations: {\n annotation\n }\n }\n }\n }\n};\n/* */\n\nconst actions = [\n {\n name: 'Randomize',\n handler: function(chart) {\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data = dataset.data.map(() => Utils.rand(MIN, MAX));\n });\n chart.update();\n }\n }\n];\n\nmodule.exports = {\n actions: actions,\n config: config,\n};\n`\"/>"},{title:"Cartesian plane",frontmatter:{},regularPath:"/samples/interaction/cartesianplane.html",relativePath:"samples/interaction/cartesianplane.md",key:"v-532157ca",path:"/samples/interaction/cartesianplane.html",lastUpdated:"9/19/2024, 7:48:57 AM",lastUpdatedTimestamp:1726732137e3,content:" Cartesian plane \n \nlet rect;\nconst MIN = -10;\nconst MAX = 10;\n// \n\n// \nconst yAxis = {\n type: 'line',\n value: 0,\n scaleID: 'x',\n borderColor: 'lightGray',\n afterDraw({chart, element}) {\n const scale = chart.scales.y;\n const labelItems = scale.getLabelItems().filter((item) => Number.isInteger(parseFloat(item.label)));\n drawTicks(chart, scale, {\n labelItems,\n align: 'right',\n xy: (translation) => ({x: element.x - scale.options.ticks.padding, y: translation[1]})\n });\n }\n};\nconst xAxis = {\n type: 'line',\n value: 0,\n scaleID: 'y',\n borderColor: 'lightGray',\n afterDraw({chart, element}) {\n const scale = chart.scales.x;\n const labelItems = scale.getLabelItems().filter((item) => Number.isInteger(parseFloat(item.label)) && parseFloat(item.label) !== 0);\n drawTicks(chart, scale, {\n labelItems,\n baseline: 'top',\n xy: (translation) => ({x: translation[0], y: element.y2 + scale.options.ticks.padding})\n });\n }\n};\n// \n\n// \nconst box = {\n type: 'box',\n display: () => !!rect,\n backgroundColor: 'rgba(255, 174, 201, 0.2)',\n borderColor: 'red',\n borderDash: [4, 4],\n xMin: () => rect ? rect.left : undefined,\n xMax: () => rect ? rect.right : undefined,\n yMin: () => rect ? rect.bottom : undefined,\n yMax: () => rect ? rect.top : undefined,\n z: -1\n};\nconst A = {\n type: 'label',\n content: 'A',\n position: {\n x: 'end',\n y: 'end'\n },\n xValue: () => rect ? rect.left : undefined,\n yValue: () => rect ? rect.top : undefined\n};\nconst B = {\n type: 'label',\n content: 'B',\n position: {\n x: 'start',\n y: 'end'\n },\n xValue: () => rect ? rect.right : undefined,\n yValue: () => rect ? rect.top : undefined\n};\nconst C = {\n type: 'label',\n content: 'C',\n position: {\n x: 'end',\n y: 'start'\n },\n xValue: () => rect ? rect.left : undefined,\n yValue: () => rect ? rect.bottom : undefined\n};\nconst D = {\n type: 'label',\n content: 'D',\n position: {\n x: 'start',\n y: 'start'\n },\n xValue: () => rect ? rect.right : undefined,\n yValue: () => rect ? rect.bottom : undefined\n};\n// \n\n// \nconst summary = {\n type: 'label',\n display: () => !!rect,\n drawTime: 'afterDraw',\n backgroundColor: 'white',\n borderColor: 'silver',\n borderWidth: 1,\n borderRadius: 6,\n content() {\n if (rect) {\n const result = [];\n result.push('A: (' + rect.left.toFixed(2) + ', ' + rect.top.toFixed(2) + ')');\n result.push('B: (' + rect.right.toFixed(2) + ', ' + rect.top.toFixed(2) + ')');\n result.push('C: (' + rect.left.toFixed(2) + ', ' + rect.bottom.toFixed(2) + ')');\n result.push('D: (' + rect.right.toFixed(2) + ', ' + rect.bottom.toFixed(2) + ')');\n const AB = Math.abs(rect.right - rect.left);\n const AC = Math.abs(rect.bottom - rect.top);\n result.push('AB = CD = ' + AB.toFixed(2));\n result.push('AC = BD = ' + AC.toFixed(2));\n result.push('AD = BC = ' + Math.sqrt(Math.pow(AB, 2) + Math.pow(AC, 2)).toFixed(2));\n result.push('Perimeter = ' + ((AB + AC) * 2).toFixed(2));\n result.push('Area = ' + (AB * AC).toFixed(2));\n return result;\n }\n },\n font: {\n size: 12,\n family: 'Courier'\n },\n padding: 5,\n position: {\n x: () => rect && rect.left rect && rect.top rect && rect.left rect && rect.left rect && rect.top \n\n// \nfunction calculateBox(e, chart) {\n const xValue = chart.scales.x.getValueForPixel(e.x);\n const yValue = chart.scales.y.getValueForPixel(e.y);\n return {\n left: xValue > 0 ? 0 : xValue,\n right: xValue > 0 ? xValue : 0,\n top: yValue > 0 ? yValue : 0,\n bottom: yValue > 0 ? 0 : yValue\n };\n}\n\nfunction drawTicks(chart, scale, {labelItems, align, baseline, xy}) {\n const ctx = chart.ctx;\n ctx.save();\n ctx.beginPath();\n for (const item of labelItems) {\n const {font, label, options} = item;\n const {textAlign, textBaseline, translation} = options;\n const point = xy(translation);\n ctx.beginPath();\n ctx.font = font.string;\n ctx.textAlign = align || textAlign;\n ctx.textBaseline = baseline || textBaseline;\n ctx.fillStyle = 'silver';\n ctx.fillText(parseFloat(label).toFixed(0), point.x, point.y);\n ctx.fill();\n }\n ctx.restore();\n}\n// \n\n/* */\nconst config = {\n type: 'scatter',\n options: {\n layout: {\n padding: {\n top: 20,\n left: 20,\n right: 20\n }\n },\n onClick(e, elements, chart) {\n rect = calculateBox(e, chart);\n chart.update();\n },\n elements: {\n labelAnnotation: {\n display: () => !!rect,\n borderWidth: 0,\n padding: 0,\n font: {\n size: 20,\n style: 'oblique'\n }\n }\n },\n scales: {\n x: {\n min: MIN,\n max: MAX,\n grid: {\n drawTicks: false\n },\n ticks: {\n display: false,\n stepSize: 0.5\n }\n },\n y: {\n min: MIN,\n max: MAX,\n grid: {\n drawTicks: false\n },\n ticks: {\n display: false,\n stepSize: 0.5\n }\n }\n },\n plugins: {\n annotation: {\n clip: false,\n common: {\n drawTime: 'beforeDraw'\n },\n annotations: {\n xAxis,\n yAxis,\n box,\n A, B, C, D,\n summary\n }\n },\n title: {\n display: true,\n text: 'Click on the chart to set the point to build the rectangle',\n position: 'bottom',\n padding: {\n top: 16,\n bottom: 0\n }\n }\n }\n }\n};\n/* */\n\nconst actions = [\n {\n name: 'Reset',\n handler: function(chart) {\n rect = undefined;\n chart.update();\n }\n }\n];\n\nmodule.exports = {\n actions: actions,\n config: config,\n};\n`\"/>"},{title:"Interaction",frontmatter:{},regularPath:"/samples/interaction/interaction.html",relativePath:"samples/interaction/interaction.md",key:"v-0f11953d",path:"/samples/interaction/interaction.html",lastUpdated:"9/19/2024, 7:48:57 AM",lastUpdatedTimestamp:1726732137e3,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:"Dragging annotations",frontmatter:{},regularPath:"/samples/interaction/dragging.html",relativePath:"samples/interaction/dragging.md",key:"v-de7917b6",path:"/samples/interaction/dragging.html",lastUpdated:"9/19/2024, 7:48:57 AM",lastUpdatedTimestamp:1726732137e3,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:"Selecting annotations",frontmatter:{},regularPath:"/samples/interaction/selection.html",relativePath:"samples/interaction/selection.md",key:"v-8f774586",path:"/samples/interaction/selection.html",lastUpdated:"9/19/2024, 7:48:57 AM",lastUpdatedTimestamp:1726732137e3,content:" Selecting annotations \n \nlet count = 0;\nconst selected = [];\n\nUtils.srand(8);\n\nconst data = {\n labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July'],\n datasets: [{\n type: 'line',\n label: 'Dataset 1',\n borderColor: 'rgb(54, 162, 235)',\n borderWidth: 2,\n fill: false,\n data: Utils.numbers({count: 7, min: 0, max: 100}),\n }]\n};\n// \n\n// \nconst annotation1 = {\n type: 'box',\n backgroundColor: 'rgba(255, 245, 157, 0.2)',\n borderColor: 'rgb(255, 245, 157)',\n borderWidth: 2,\n click: ({element}) => select(element, 'rgba(255, 245, 157, 0.8)', 'rgba(255, 245, 157, 0.2)'),\n label: {\n display: true,\n content: 'Yellow box annotation',\n position: {\n y: 'start'\n },\n font: {\n size: 12\n }\n },\n xMax: 'April',\n xMin: 'February',\n xScaleID: 'x',\n yMax: 90,\n yMin: 10,\n yScaleID: 'y'\n};\n// \n\n// \nconst annotation2 = {\n type: 'box',\n backgroundColor: 'rgba(165, 214, 167, 0.2)',\n borderColor: 'rgb(165, 214, 167)',\n borderWidth: 2,\n click: ({element}) => select(element, 'rgba(165, 214, 167, 0.8)', 'rgba(165, 214, 167, 0.2)'),\n label: {\n display: true,\n content: 'Green box annotation',\n position: {\n y: 'start'\n },\n font: {\n size: 12\n }\n },\n xMax: 'May',\n xMin: 'March',\n xScaleID: 'x',\n yMax: 75,\n yMin: 25,\n yScaleID: 'y'\n};\n// \n\n// \nfunction enter({chart, element}) {\n console.log(element.label.options.content + ' entered');\n if (!count) {\n chart.canvas.style.cursor = 'pointer';\n }\n count++;\n}\n\nfunction leave({chart, element}) {\n console.log(element.label.options.content + ' left');\n count--;\n if (!count) {\n chart.canvas.style.cursor = 'default';\n }\n}\n\nfunction select(element, selectedColor, unselectedColor) {\n console.log(element.label.options.content + ' selected');\n if (selected.includes(element)) {\n selected.splice(selected.indexOf(element), 1);\n element.options.backgroundColor = unselectedColor;\n element.label.options.font.size = 12;\n } else {\n selected.push(element);\n element.options.backgroundColor = selectedColor;\n element.label.options.font.size = 14;\n }\n return true;\n}\n// \n\n/* */\nconst config = {\n type: 'line',\n data,\n options: {\n scales: {\n y: {\n beginAtZero: true,\n min: 0,\n max: 100\n }\n },\n plugins: {\n annotation: {\n enter: enter,\n leave: leave,\n common: {\n drawTime: 'beforeDraw'\n },\n annotations: {\n annotation1,\n annotation2\n }\n }\n }\n }\n};\n/* */\n\nmodule.exports = {\n config: config,\n output: 'console.log output is shown here, click one of the annotations'\n};\n`\"/>"},{title:"Intro",frontmatter:{},regularPath:"/samples/intro.html",relativePath:"samples/intro.md",key:"v-4f17a19d",path:"/samples/intro.html",lastUpdated:"9/19/2024, 7:48:57 AM",lastUpdatedTimestamp:1726732137e3,content:" Intro \n \nUtils.srand(8);\n\nconst data = {\n labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July'],\n datasets: [{\n type: 'line',\n label: 'Dataset 1',\n borderColor: 'rgb(54, 162, 235)',\n borderWidth: 2,\n fill: false,\n data: Utils.numbers({count: 7, min: -100, max: 100}),\n }, {\n type: 'bar',\n label: 'Dataset 2',\n backgroundColor: 'rgb(255, 99, 132)',\n data: Utils.numbers({count: 7, min: -100, max: 100}),\n borderColor: 'white',\n borderWidth: 2\n }, {\n type: 'bar',\n label: 'Dataset 3',\n backgroundColor: 'rgb(75, 192, 192)',\n data: Utils.numbers({count: 7, min: -100, max: 100}),\n }]\n};\n// \n\n// \nconst annotation1 = {\n type: 'line',\n borderColor: 'black',\n borderWidth: 5,\n click: function({chart, element}) {\n console.log('Line annotation clicked');\n },\n label: {\n backgroundColor: 'red',\n content: 'Test Label',\n display: true\n },\n scaleID: 'y',\n value: Utils.rand(-100, 100)\n};\n// \n\n// \nconst annotation2 = {\n type: 'box',\n backgroundColor: 'rgba(101, 33, 171, 0.5)',\n borderColor: 'rgb(101, 33, 171)',\n borderWidth: 1,\n click: function({chart, element}) {\n console.log('Box annotation clicked');\n },\n drawTime: 'beforeDatasetsDraw',\n xMax: 'April',\n xMin: 'February',\n xScaleID: 'x',\n yMax: Utils.rand(-100, 100),\n yMin: Utils.rand(-100, 100),\n yScaleID: 'y'\n};\n// \n\n/* */\nconst config = {\n type: 'line',\n data,\n options: {\n plugins: {\n annotation: {\n annotations: {\n annotation1,\n annotation2\n }\n }\n }\n }\n};\n/* */\n\nconst actions = [\n {\n name: 'Randomize',\n handler: function(chart) {\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data = Utils.numbers({count: 7, min: -100, max: 100});\n });\n chart.update();\n }\n },\n];\n\nmodule.exports = {\n actions: actions,\n config: config,\n output: 'console.log output is shown here, click one of the annotations'\n};\n`\"/>"},{title:"Auto scaling",frontmatter:{},regularPath:"/samples/label/autoscaling.html",relativePath:"samples/label/autoscaling.md",key:"v-ffcf4406",path:"/samples/label/autoscaling.html",lastUpdated:"9/19/2024, 7:48:57 AM",lastUpdatedTimestamp:1726732137e3,content:" Auto scaling \n \n \nconst uniqueId = new Date().getTime();\n\nconst DATA_COUNT = 12;\nconst MIN = 0;\nconst MAX = 100;\n\nconst numberCfg = {count: DATA_COUNT, min: MIN, max: MAX};\n\nconst data = {\n labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'],\n datasets: [{\n data: Utils.numbers(numberCfg)\n }]\n};\n// \n\n// \nconst annotation = {\n type: 'label',\n backgroundColor: 'whiteSmoke',\n borderColor: 'lightGray',\n borderRadius: 6,\n content: ['Annotation', 'to resize'],\n drawTime: 'afterDraw',\n borderWidth: (ctx) => autoScaling(ctx, 'borderWidth', 2),\n font: (ctx) => autoScaling(ctx, 'font', 48),\n padding: (ctx) => autoScaling(ctx, 'padding', 6),\n};\n// \n\n/* */\nconst config = {\n type: 'line',\n data,\n options: {\n _sampleId: uniqueId,\n plugins: {\n annotation: {\n annotations: {\n annotation\n }\n }\n }\n }\n};\n/* */\n\n// \nfunction autoScaling(ctx, option, origValue) {\n const {chart} = ctx;\n const {width, height} = chart.chartArea;\n const hypo = Math.sqrt(Math.pow(width, 2) + Math.pow(height, 2));\n let size, value;\n if (!ctx.size) {\n ctx.size = size = hypo;\n value = origValue;\n } else {\n size = ctx.size;\n value = hypo / size * origValue;\n }\n if (option === 'font') {\n return {size: value};\n }\n return value;\n}\n// \n\n// \nlet originalArea;\ndocument.getElementById('update').addEventListener('input', update);\n\nfunction update() {\n const ratio = +document.querySelector('input[type=range]').value / 100;\n const chart = Object.values(Chart.instances).find(c => c.options._sampleId === uniqueId);\n if (!originalArea) {\n originalArea = chart.chartArea;\n }\n const w = originalArea.width * ratio;\n const h = originalArea.height * ratio;\n chart.resize(w, h);\n}\n// \n\nmodule.exports = {\n config: config\n};\n`\"/>"},{title:"Basic",frontmatter:{},regularPath:"/samples/label/basic.html",relativePath:"samples/label/basic.md",key:"v-ed85c306",path:"/samples/label/basic.html",lastUpdated:"9/19/2024, 7:48:57 AM",lastUpdatedTimestamp:1726732137e3,content:" Basic \n \nconst DATA_COUNT = 12;\nconst MIN = 0;\nconst MAX = 100;\n\nconst numberCfg = {count: DATA_COUNT, min: MIN, max: MAX};\n\nconst data = {\n labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'],\n datasets: [{\n data: Utils.numbers(numberCfg)\n }]\n};\n// \n\n// \nconst annotation1 = {\n type: 'label',\n borderColor: (ctx) => ctx.chart.data.datasets[0].backgroundColor,\n borderRadius: 6,\n borderWidth: 1,\n content: ['March', 'annotated'],\n position: {\n x: 'center',\n y: 'end'\n },\n xValue: 'March',\n yValue: (ctx) => yValue(ctx, 'March')\n};\n// \n\n// \nconst annotation2 = {\n type: 'label',\n borderColor: (ctx) => ctx.chart.data.datasets[0].backgroundColor,\n borderRadius: 6,\n borderWidth: 1,\n content: ['June', 'annotated'],\n position: {\n x: 'center',\n y: 'end'\n },\n xValue: 'June',\n yValue: (ctx) => yValue(ctx, 'June')\n};\n// \n\n// \nconst annotation3 = {\n type: 'label',\n borderColor: (ctx) => ctx.chart.data.datasets[0].backgroundColor,\n borderRadius: 6,\n borderWidth: 1,\n content: ['October', 'annotated'],\n position: {\n x: 'center',\n y: 'end'\n },\n xValue: 'October',\n yValue: (ctx) => yValue(ctx, 'October')\n};\n// \n\n/* */\nconst config = {\n type: 'bar',\n data,\n options: {\n scales: {\n y: {\n beginAtZero: true,\n max: 120,\n min: 0\n }\n },\n plugins: {\n annotation: {\n annotations: {\n annotation1,\n annotation2,\n annotation3\n }\n }\n }\n }\n};\n/* */\n\n// \nfunction yValue(ctx, label) {\n const chart = ctx.chart;\n const dataset = chart.data.datasets[0];\n return dataset.data[chart.data.labels.indexOf(label)];\n}\n// \n\nconst actions = [\n {\n name: 'Randomize',\n handler: function(chart) {\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data = dataset.data.map(() => Utils.rand(MIN, MAX));\n });\n chart.update();\n }\n }\n];\n\nmodule.exports = {\n actions: actions,\n config: config,\n};\n`\"/>"},{title:"Using canvas as content",frontmatter:{},regularPath:"/samples/label/canvas.html",relativePath:"samples/label/canvas.md",key:"v-79f854d2",path:"/samples/label/canvas.html",lastUpdated:"9/19/2024, 7:48:57 AM",lastUpdatedTimestamp:1726732137e3,content:" Using canvas as content \n \nconst DATA_COUNT = 12;\nconst MIN = 0;\nconst MAX = 100;\n\nconst numberCfg = {count: DATA_COUNT, min: MIN, max: MAX};\n\nconst data = {\n labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'],\n datasets: [{\n data: Utils.numbers(numberCfg)\n }]\n};\n// \n\n// \nconst annotation1 = {\n type: 'label',\n content: Utils.getHouse(),\n xValue: 9,\n yValue: 30\n};\n// \n\n// \nconst annotation2 = {\n type: 'label',\n content: Utils.getSpiral(),\n xValue: 2,\n yValue: 50\n};\n// \n\n/* */\nconst config = {\n type: 'line',\n data,\n options: {\n scales: {\n y: {\n beginAtZero: true,\n }\n },\n plugins: {\n annotation: {\n annotations: {\n annotation1,\n annotation2\n }\n }\n }\n }\n};\n/* */\n\nconst actions = [\n {\n name: 'Randomize',\n handler: function(chart) {\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data = dataset.data.map(() => Utils.rand(MIN, MAX));\n });\n chart.update();\n }\n }\n];\n\nmodule.exports = {\n actions: actions,\n config: config\n};\n`\"/>"},{title:"Fonts and colors",frontmatter:{},regularPath:"/samples/label/fontsColors.html",relativePath:"samples/label/fontsColors.md",key:"v-a53ecf06",path:"/samples/label/fontsColors.html",lastUpdated:"9/19/2024, 7:48:57 AM",lastUpdatedTimestamp:1726732137e3,content:" Fonts and colors \n \nconst DATA_COUNT = 12;\nconst MIN = 0;\nconst MAX = 100;\n\nconst numberCfg = {count: DATA_COUNT, min: MIN, max: MAX};\n\nconst data = {\n labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'],\n datasets: [{\n data: Utils.numbers(numberCfg)\n }]\n};\n// \n\n// \nconst annotation1 = {\n type: 'label',\n backgroundColor: 'rgba(0,0,0,0.2)',\n borderRadius: 6,\n borderWidth: 0,\n callout: {\n display: true\n },\n color: ['black,', 'black', 'green'],\n content: ['March', 'is', 'annotated'],\n font: [{size: 16, weight: 'bold'}, {family: 'courier'}],\n position: {\n x: 'center',\n y: 'end'\n },\n xValue: 'March',\n yAdjust: (ctx) => yOffset(ctx, 'March'),\n yValue: (ctx) => yValue(ctx, 'March')\n};\n// \n\n// \nconst annotation2 = {\n type: 'label',\n backgroundColor: 'rgba(0,0,0,0.2)',\n borderRadius: 6,\n borderWidth: 0,\n callout: {\n display: true\n },\n color: ['black,', 'black', 'green'],\n content: ['June', 'is', 'annotated'],\n font: [{size: 16, weight: 'bold'}, {family: 'courier'}],\n position: {\n x: 'center',\n y: 'end'\n },\n xValue: 'June',\n yAdjust: (ctx) => yOffset(ctx, 'June'),\n yValue: (ctx) => yValue(ctx, 'June')\n};\n// \n\n// \nconst annotation3 = {\n type: 'label',\n backgroundColor: 'rgba(0,0,0,0.2)',\n borderRadius: 6,\n borderWidth: 0,\n callout: {\n display: true\n },\n color: ['black,', 'black', 'green'],\n content: ['October', 'is', 'annotated'],\n font: [{size: 16, weight: 'bold'}, {family: 'courier'}],\n position: {\n x: 'center',\n y: 'end'\n },\n xValue: 'October',\n yAdjust: (ctx) => yOffset(ctx, 'October'),\n yValue: (ctx) => yValue(ctx, 'October')\n};\n// \n\n// \nfunction yValue(ctx, label) {\n const chart = ctx.chart;\n const dataset = chart.data.datasets[0];\n return dataset.data[chart.data.labels.indexOf(label)];\n}\n\nfunction yOffset(ctx, label) {\n const value = yValue(ctx, label);\n const chart = ctx.chart;\n const scale = chart.scales.y;\n const y = scale.getPixelForValue(value);\n const lblPos = scale.getPixelForValue(100);\n return lblPos - y - 5;\n}\n\n// \n\n/* */\nconst config = {\n type: 'bar',\n data,\n options: {\n scales: {\n y: {\n beginAtZero: true,\n max: 130,\n min: 0,\n grid: {\n color: (ctx)=> ctx.tick.value value > 100 ? '' : value\n }\n }\n },\n plugins: {\n annotation: {\n annotations: {\n annotation1,\n annotation2,\n annotation3\n }\n }\n }\n }\n};\n/* */\n\nconst actions = [\n {\n name: 'Randomize',\n handler: function(chart) {\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data = dataset.data.map(() => Utils.rand(MIN, MAX));\n });\n chart.update();\n }\n }\n];\n\nmodule.exports = {\n actions: actions,\n config: config,\n};\n`\"/>"},{title:"Using images as content",frontmatter:{},regularPath:"/samples/label/image.html",relativePath:"samples/label/image.md",key:"v-224dfd1d",path:"/samples/label/image.html",lastUpdated:"9/19/2024, 7:48:57 AM",lastUpdatedTimestamp:1726732137e3,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:"Callout",frontmatter:{},regularPath:"/samples/label/callout.html",relativePath:"samples/label/callout.md",key:"v-188d5d06",path:"/samples/label/callout.html",lastUpdated:"9/19/2024, 7:48:57 AM",lastUpdatedTimestamp:1726732137e3,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:"Inner chart",frontmatter:{},regularPath:"/samples/label/innerChart.html",relativePath:"samples/label/innerChart.md",key:"v-e1c46312",path:"/samples/label/innerChart.html",lastUpdated:"9/19/2024, 7:48:57 AM",lastUpdatedTimestamp:1726732137e3,content:" Inner chart \n \nconst DATA_COUNT = 12;\nconst MIN = 0;\nconst MAX = 100;\n\nconst innerChart = Utils.getChart();\nconst innerDataset = innerChart.data.datasets[0];\n\nconst numberCfg = {count: DATA_COUNT, min: MIN, max: MAX};\n\nconst data = {\n labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'],\n datasets: [{\n data: Utils.numbers(numberCfg),\n borderColor: innerDataset.backgroundColor[0],\n backgroundColor: 'transparent'\n }, {\n data: Utils.numbers(numberCfg),\n borderColor: innerDataset.backgroundColor[1],\n backgroundColor: 'transparent',\n hidden: true\n }, {\n data: Utils.numbers(numberCfg),\n borderColor: innerDataset.backgroundColor[2],\n backgroundColor: 'transparent',\n hidden: true\n }]\n};\n// \n\n// \nconst annotation1 = {\n type: 'label',\n content: innerChart.canvas,\n xValue: 1,\n yValue: 135,\n enter: (ctx) => setCursor(ctx, 'pointer'),\n leave: (ctx) => setCursor(ctx, 'default'),\n click: clickOnInnerChart\n};\n// \n\n// \nconst annotation2 = {\n type: 'label',\n content: (ctx) => [innerChart.data.labels[getVisibleDatasetIndex(ctx)],\n 'items trend'],\n callout: {\n display: true,\n position: 'bottom',\n margin: 0\n },\n font: {\n size: 16\n },\n backgroundColor: 'white',\n borderWidth: 1,\n xAdjust: -60,\n xValue: (ctx) => point(ctx).x,\n yAdjust: -60,\n yValue: (ctx) => point(ctx).y\n};\n// \n\n// \nconst annotation3 = {\n type: 'label',\n content: ['Click on a slice of the pie chart', 'to see the data in the main chart'],\n color: 'rgba(0, 0, 0, 0.5)',\n xValue: 3.2,\n yValue: 150,\n};\n// \n\n/* */\nconst config = {\n type: 'line',\n data,\n options: {\n scales: {\n y: {\n beginAtZero: true,\n min: 0,\n max: 160\n }\n },\n plugins: {\n annotation: {\n annotations: {\n annotation1,\n annotation2,\n annotation3\n }\n }\n }\n }\n};\n/* */\n\n// \nfunction clickOnInnerChart(ctx, event) {\n event.x = event.x - ctx.element.x;\n event.y = event.y - ctx.element.y;\n const elements = innerChart.getElementsAtEventForMode(event, 'point', {}, true);\n if (elements.length) {\n const first = elements[0];\n ctx.chart.setDatasetVisibility(getVisibleDatasetIndex(ctx), false);\n ctx.chart.show(first.index);\n }\n}\n\nfunction getVisibleDatasetIndex(ctx) {\n const chart = ctx.chart;\n for (let i = 0; i i > dataset.data.length - 4);\n const y = Math.max(...values);\n const x = dataset.data.lastIndexOf(y);\n return {x, y};\n}\n\nfunction setCursor(ctx, type) {\n ctx.chart.canvas.style.cursor = type;\n}\n// \n\nconst actions = [\n {\n name: 'Randomize',\n handler: function(chart) {\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data = dataset.data.map(() => Utils.rand(MIN, MAX));\n });\n chart.update();\n innerChart.data.datasets.forEach(function(dataset, i) {\n dataset.data = dataset.data.map(() => Utils.rand(MIN, MAX));\n });\n innerChart.update();\n }\n }\n];\n\nmodule.exports = {\n actions: actions,\n config: config\n};\n`\"/>"},{title:"Lower and upper bounds labels",frontmatter:{},regularPath:"/samples/label/lowerUpper.html",relativePath:"samples/label/lowerUpper.md",key:"v-4dd91745",path:"/samples/label/lowerUpper.html",lastUpdated:"9/19/2024, 7:48:57 AM",lastUpdatedTimestamp:1726732137e3,content:" Lower and upper bounds labels \n \nconst DATA_COUNT = 8;\nconst MIN = 10;\nconst MAX = 100;\n\nUtils.srand(8);\n\nconst labels = [];\nfor (let i = 0; i \n\n// \nconst annotation1 = {\n type: 'label',\n content: (ctx) => 'Lower bound: ' + minValue(ctx).toFixed(3),\n position: {\n x: 'start',\n y: 'end'\n },\n xScaleID: 'x',\n xValue: 2,\n yScaleID: 'y',\n yValue: minValue\n};\n// \n\n// \nconst annotation2 = {\n type: 'label',\n content: (ctx) => 'Upper bound: ' + maxValue(ctx).toFixed(3),\n position: {\n x: 'start',\n y: 'start'\n },\n xScaleID: 'x',\n xValue: 2,\n yScaleID: 'y',\n yValue: maxValue\n};\n// \n\n/* */\nconst config = {\n type: 'line',\n data,\n options: {\n scales: {\n y: {\n stacked: true\n }\n },\n plugins: {\n annotation: {\n annotations: {\n annotation1,\n annotation2\n }\n }\n }\n }\n};\n/* */\n\n// \nfunction minValue(ctx) {\n const dataset = ctx.chart.data.datasets[0];\n const min = dataset.data.reduce((max, point) => Math.min(point, max), Infinity);\n return isFinite(min) ? min : 0;\n}\n\nfunction maxValue(ctx) {\n const datasets = ctx.chart.data.datasets;\n const count = datasets[0].data.length;\n let max = 0;\n for (let i = 0; i \n\nconst actions = [\n {\n name: 'Randomize',\n handler: function(chart) {\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data = dataset.data.map(() => Utils.rand(MIN, MAX));\n });\n chart.update();\n }\n },\n {\n name: 'Add data',\n handler: function(chart) {\n chart.data.labels.push(chart.data.labels.length);\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data.push(Utils.rand(MIN, MAX));\n });\n chart.update();\n }\n },\n {\n name: 'Remove data',\n handler: function(chart) {\n chart.data.labels.shift();\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data.shift();\n });\n chart.update();\n }\n },\n {\n name: 'Cycle x-position',\n handler: function(chart) {\n const annotations = chart.options.plugins.annotation.annotations;\n if (annotations.annotation1.position.x === 'start') {\n annotations.annotation1.position.x = 'end';\n annotations.annotation2.position.x = 'end';\n } else if (annotations.annotation1.position.x === 'center') {\n annotations.annotation1.position.x = 'start';\n annotations.annotation2.position.x = 'start';\n } else {\n annotations.annotation1.position.x = 'center';\n annotations.annotation2.position.x = 'center';\n }\n chart.update();\n }\n }\n];\n\nmodule.exports = {\n actions: actions,\n config: config,\n};\n`\"/>"},{title:"Point",frontmatter:{},regularPath:"/samples/label/point.html",relativePath:"samples/label/point.md",key:"v-5cbaa4bd",path:"/samples/label/point.html",lastUpdated:"9/19/2024, 7:48:57 AM",lastUpdatedTimestamp:1726732137e3,content:" Point \n \nconst DATA_COUNT = 12;\nconst MIN = 0;\nconst MAX = 100;\n\nconst numberCfg = {count: DATA_COUNT, min: MIN, max: MAX};\n\nconst data = {\n labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'],\n datasets: [{\n data: Utils.numbers(numberCfg)\n }]\n};\n// \n\n// \nconst annotation1 = {\n type: 'label',\n backgroundColor: 'rgba(245, 245, 245, 0.5)',\n content: (ctx) => 'Maximum value is ' + maxValue(ctx).toFixed(2),\n font: {\n size: 16\n },\n padding: {\n top: 6,\n left: 6,\n right: 6,\n bottom: 12\n },\n position: {\n x: (ctx) => maxIndex(ctx) = 10 ? 'end' : 'center',\n y: 'end'\n },\n xValue: (ctx) => maxLabel(ctx),\n yAdjust: -6,\n yValue: (ctx) => maxValue(ctx)\n};\n// \n\n// \nconst annotation2 = {\n type: 'point',\n backgroundColor: 'transparent',\n borderColor: (ctx) => ctx.chart.data.datasets[0].borderColor,\n pointStyle: 'rectRounded',\n radius: 10,\n xValue: (ctx) => maxLabel(ctx),\n yValue: (ctx) => maxValue(ctx)\n};\n// \n\n/* */\nconst config = {\n type: 'line',\n data,\n options: {\n layout: {\n padding: {\n right: 10\n },\n },\n scales: {\n y: {\n beginAtZero: true,\n max: 120,\n min: 0\n }\n },\n plugins: {\n annotation: {\n clip: false,\n annotations: {\n annotation1,\n annotation2\n }\n }\n }\n }\n};\n/* */\n\n// \nfunction maxValue(ctx) {\n let max = 0;\n const dataset = ctx.chart.data.datasets[0];\n dataset.data.forEach(function(el) {\n max = Math.max(max, el);\n });\n return max;\n}\n\nfunction maxIndex(ctx) {\n const max = maxValue(ctx);\n const dataset = ctx.chart.data.datasets[0];\n return dataset.data.indexOf(max);\n}\n\nfunction maxLabel(ctx) {\n return ctx.chart.data.labels[maxIndex(ctx)];\n}\n// \n\nconst actions = [\n {\n name: 'Randomize',\n handler: function(chart) {\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data = dataset.data.map(() => Utils.rand(MIN, MAX));\n });\n chart.update();\n }\n }\n];\n\nmodule.exports = {\n actions: actions,\n config: config,\n};\n`\"/>"},{title:"Animation",frontmatter:{},regularPath:"/samples/line/animation.html",relativePath:"samples/line/animation.md",key:"v-25be76ab",path:"/samples/line/animation.html",lastUpdated:"9/19/2024, 7:48:57 AM",lastUpdatedTimestamp:1726732137e3,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:"Callout",frontmatter:{},regularPath:"/samples/line/callout.html",relativePath:"samples/line/callout.md",key:"v-0d73d593",path:"/samples/line/callout.html",lastUpdated:"9/19/2024, 7:48:57 AM",lastUpdatedTimestamp:1726732137e3,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:"Average",frontmatter:{},regularPath:"/samples/line/average.html",relativePath:"samples/line/average.md",key:"v-fe2fae0e",path:"/samples/line/average.html",lastUpdated:"9/19/2024, 7:48:57 AM",lastUpdatedTimestamp:1726732137e3,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:"Using canvas as labels",frontmatter:{},regularPath:"/samples/line/canvas.html",relativePath:"samples/line/canvas.md",key:"v-9e862306",path:"/samples/line/canvas.html",lastUpdated:"9/19/2024, 7:48:57 AM",lastUpdatedTimestamp:1726732137e3,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:"Basic",frontmatter:{},regularPath:"/samples/line/basic.html",relativePath:"samples/line/basic.md",key:"v-14b16052",path:"/samples/line/basic.html",lastUpdated:"9/19/2024, 7:48:57 AM",lastUpdatedTimestamp:1726732137e3,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:"Curve",frontmatter:{},regularPath:"/samples/line/curve.html",relativePath:"samples/line/curve.md",key:"v-22325356",path:"/samples/line/curve.html",lastUpdated:"9/19/2024, 7:48:57 AM",lastUpdatedTimestamp:1726732137e3,content:" Curve \n \nconst DATA_COUNT = 8;\nconst MIN = 10;\nconst MAX = 100;\n\nUtils.srand(8);\n\nconst labels = [];\nfor (let i = 0; i \n\n// \nconst annotation = {\n type: 'line',\n borderColor: 'black',\n borderWidth: 3,\n xScaleID: 'x',\n yScaleID: 'y',\n xMin: 1,\n xMax: 6,\n yMin: ({chart}) => chart.data.datasets[0].data[1] / 2,\n yMax: ({chart}) => chart.data.datasets[0].data[6] / 2,\n curve: true,\n arrowHeads: {\n end: {\n display: true\n }\n }\n};\n// \n\n/* */\nconst config = {\n type: 'bar',\n data,\n options: {\n plugins: {\n annotation: {\n annotations: {\n annotation\n }\n }\n }\n }\n};\n/* */\n\nconst actions = [\n {\n name: 'Randomize',\n handler: function(chart) {\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data = dataset.data.map(() => Utils.rand(MIN, MAX));\n });\n chart.update();\n }\n }\n];\n\nmodule.exports = {\n actions: actions,\n config: config\n};\n`\"/>"},{title:"Annotating dataset bars",frontmatter:{},regularPath:"/samples/line/datasetBars.html",relativePath:"samples/line/datasetBars.md",key:"v-c5c24e7a",path:"/samples/line/datasetBars.html",lastUpdated:"9/19/2024, 7:48:57 AM",lastUpdatedTimestamp:1726732137e3,content:" Annotating dataset bars \n \nconst DATA_COUNT = 4;\nconst MIN = 20;\nconst MAX = 100;\n\nUtils.srand(8);\n\nconst numberCfg = {count: DATA_COUNT, min: MIN, max: MAX};\n\nconst data = {\n labels: ['January', 'February', 'March', 'April'],\n datasets: [{\n data: Utils.numbers(numberCfg)\n }]\n};\n// \n\n// \nconst annotation1 = {\n type: 'line',\n borderColor: 'green',\n borderWidth: 3,\n label: {\n display: true,\n backgroundColor: 'green',\n borderRadius: 0,\n color: 'white',\n content: (ctx) => middleValue(ctx, 0, 0.5).toFixed(0)\n },\n xMax: indexToMax(0) + 0.05,\n xMin: indexToMin(0) - 0.05,\n xScaleID: 'x',\n yMax: (ctx) => middleValue(ctx, 0, 0.5),\n yMin: (ctx) => middleValue(ctx, 0, 0.5),\n yScaleID: 'y'\n};\n// \n\n// \nconst annotation2 = {\n type: 'line',\n borderColor: 'green',\n borderWidth: 3,\n label: {\n display: true,\n backgroundColor: 'green',\n borderRadius: 0,\n color: 'white',\n content: (ctx) => middleValue(ctx, 1, 0.75).toFixed(0)\n },\n xMax: indexToMax(1) + 0.05,\n xMin: indexToMin(1) - 0.05,\n xScaleID: 'x',\n yMax: (ctx) => middleValue(ctx, 1, 0.75),\n yMin: (ctx) => middleValue(ctx, 1, 0.75),\n yScaleID: 'y'\n};\n// \n\n// \nconst annotation3 = {\n type: 'line',\n borderColor: 'green',\n borderWidth: 3,\n label: {\n display: true,\n backgroundColor: 'green',\n borderRadius: 0,\n color: 'white',\n content: (ctx) => middleValue(ctx, 2, 1).toFixed(0)\n },\n xMax: indexToMax(2) + 0.05,\n xMin: indexToMin(2) - 0.05,\n xScaleID: 'x',\n yMax: (ctx) => middleValue(ctx, 2, 1),\n yMin: (ctx) => middleValue(ctx, 2, 1),\n yScaleID: 'y'\n};\n// \n\n// \nconst annotation4 = {\n type: 'line',\n borderColor: 'green',\n borderWidth: 3,\n label: {\n display: true,\n backgroundColor: 'green',\n borderRadius: 0,\n color: 'white',\n content: (ctx) => middleValue(ctx, 3, 0.25).toFixed(0)\n },\n xMax: indexToMax(3) + 0.05,\n xMin: indexToMin(3) - 0.05,\n xScaleID: 'x',\n yMax: (ctx) => middleValue(ctx, 3, 0.25),\n yMin: (ctx) => middleValue(ctx, 3, 0.25),\n yScaleID: 'y'\n};\n// \n\n/* */\nconst config = {\n type: 'bar',\n data,\n options: {\n plugins: {\n annotation: {\n annotations: {\n annotation1,\n annotation2,\n annotation3,\n annotation4\n }\n }\n }\n }\n};\n/* */\n\n// \n// categoryPercentage is 0.8 by default\n// barPercentage is 0.9 by default\n// 1 * 0.8 * 0.9 = 0.72\n// 0.72 / 2 = 0.36\n\nfunction indexToMin(index) {\n return index - 0.36;\n}\n\nfunction indexToMax(index) {\n return index + 0.36;\n}\n\nfunction middleValue(ctx, index, perc) {\n const chart = ctx.chart;\n const dataset = chart.data.datasets[0];\n return dataset.data[index] * perc;\n}\n// \n\nconst actions = [\n {\n name: 'Randomize',\n handler: function(chart) {\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data = dataset.data.map(() => Utils.rand(MIN, MAX));\n });\n chart.update();\n }\n }\n];\n\nmodule.exports = {\n actions: actions,\n config: config,\n};\n`\"/>"},{title:"Outside of chart",frontmatter:{},regularPath:"/samples/line/hook.html",relativePath:"samples/line/hook.md",key:"v-76c7a746",path:"/samples/line/hook.html",lastUpdated:"9/19/2024, 7:48:57 AM",lastUpdatedTimestamp:1726732137e3,content:" Outside of chart \n \nconst DATA_COUNT = 8;\nconst MIN = 10;\nconst MAX = 100;\n\nUtils.srand(8);\n\nconst labels = [];\nfor (let i = 0; i \n\n// \nconst annotation = {\n type: 'line',\n borderColor: 'black',\n borderWidth: 3,\n scaleID: 'y',\n value: 55,\n beforeDraw: drawExtraLine\n};\n// \n\n// \nfunction drawExtraLine(context) {\n const ctx = context.chart.ctx;\n const width = context.chart.canvas.width;\n const {x, y, x2, y2, options} = context.element;\n ctx.save();\n ctx.lineWidth = options.borderWidth;\n ctx.strokeStyle = options.borderColor;\n ctx.setLineDash([6, 6]);\n ctx.lineDashOffset = options.borderDashOffset;\n ctx.beginPath();\n ctx.moveTo(0, y);\n ctx.lineTo(x, y);\n ctx.moveTo(x2, y2);\n ctx.lineTo(width, y);\n ctx.stroke();\n ctx.restore();\n return true;\n}\n// \n\n/* */\nconst config = {\n type: 'line',\n data,\n options: {\n layout: {\n padding: {\n right: 50\n }\n },\n scales: {\n y: {\n stacked: true\n }\n },\n plugins: {\n annotation: {\n clip: false,\n annotations: {\n annotation\n }\n }\n }\n }\n};\n/* */\n\nconst actions = [\n {\n name: 'Randomize',\n handler: function(chart) {\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data = dataset.data.map(() => Utils.rand(MIN, MAX));\n });\n chart.update();\n }\n },\n {\n name: 'Add data',\n handler: function(chart) {\n chart.data.labels.push(chart.data.labels.length);\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data.push(Utils.rand(MIN, MAX));\n });\n chart.update();\n }\n },\n {\n name: 'Remove data',\n handler: function(chart) {\n chart.data.labels.shift();\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data.shift();\n });\n chart.update();\n }\n }\n];\n\nmodule.exports = {\n actions: actions,\n config: config,\n};\n`\"/>"},{title:"Using images as labels",frontmatter:{},regularPath:"/samples/line/image.html",relativePath:"samples/line/image.md",key:"v-19c0057d",path:"/samples/line/image.html",lastUpdated:"9/19/2024, 7:48:57 AM",lastUpdatedTimestamp:1726732137e3,content:" Using images as labels \n \nconst DATA_COUNT = 8;\nconst MIN = 10;\nconst MAX = 100;\n\nUtils.srand(8);\n\nconst labels = [];\nfor (let i = 0; i \n\n// \nconst annotation = {\n type: 'line',\n borderColor: 'black',\n borderWidth: 3,\n scaleID: 'y',\n value: 50,\n label: {\n display: true,\n content: Utils.getImage(),\n backgroundColor: 'white',\n borderWidth: 3,\n width: '20%',\n height: '20%',\n position: 'end'\n }\n};\n// \n\n/* */\nconst config = {\n type: 'line',\n data,\n options: {\n plugins: {\n annotation: {\n annotations: {\n annotation\n }\n }\n }\n }\n};\n/* */\n\nconst actions = [\n {\n name: 'Randomize',\n handler: function(chart) {\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data = dataset.data.map(() => Utils.rand(MIN, MAX));\n });\n chart.update();\n }\n },\n {\n name: 'Add data',\n handler: function(chart) {\n chart.data.labels.push(chart.data.labels.length);\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data.push(Utils.rand(MIN, MAX));\n });\n chart.update();\n }\n },\n {\n name: 'Remove data',\n handler: function(chart) {\n chart.data.labels.shift();\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data.shift();\n });\n chart.update();\n }\n }\n];\n\nmodule.exports = {\n actions: actions,\n config: config\n};\n`\"/>"},{title:"Label visibility",frontmatter:{},regularPath:"/samples/line/labelVisibility.html",relativePath:"samples/line/labelVisibility.md",key:"v-940803b2",path:"/samples/line/labelVisibility.html",lastUpdated:"9/19/2024, 7:48:57 AM",lastUpdatedTimestamp:1726732137e3,content:" Label visibility \n \nconst DATA_COUNT = 8;\nconst MIN = 10;\nconst MAX = 100;\n\nUtils.srand(8);\n\nconst labels = [];\nfor (let i = 0; i \n\n// \nconst annotation1 = {\n type: 'line',\n borderColor: 'lightGreen',\n borderWidth: 10,\n label: {\n display: false,\n backgroundColor: 'green',\n drawTime: 'afterDatasetsDraw',\n content: (ctx) => ['Average of dataset', 'is: ' + average(ctx).toFixed(3)]\n },\n scaleID: 'y',\n value: (ctx) => average(ctx),\n // For simple property changes, you can directly modify the annotation\n // element's properties then return true to force chart re-drawing. This is faster.\n enter({element}, event) {\n element.label.options.display = true;\n return true;\n },\n leave({element}, event) {\n element.label.options.display = false;\n return true;\n }\n};\n// \n\n// \nconst annotation2 = {\n type: 'line',\n borderColor: 'lightBlue',\n borderWidth: 10,\n label: {\n display: (ctx) => ctx.hovered,\n backgroundColor: 'blue',\n drawTime: 'afterDatasetsDraw',\n content: (ctx) => ['Min of dataset', 'is: ' + min(ctx).toFixed(3)],\n position: (ctx) => ctx.hoverPosition\n },\n scaleID: 'y',\n value: (ctx) => min(ctx),\n // For more complex dynamic properties, you can store values on the persistent\n // context object then retrieve them via scriptable properties. You'll have\n // to call chart.update() to reprocess the chart.\n enter(ctx, event) {\n ctx.hovered = true;\n ctx.hoverPosition = (event.x / ctx.chart.chartArea.width * 100) + '%';\n ctx.chart.update();\n },\n leave(ctx, event) {\n ctx.hovered = false;\n ctx.chart.update();\n }\n};\n// \n\n/* */\nconst config = {\n type: 'line',\n data,\n options: {\n plugins: {\n tooltip: {\n display: false,\n },\n annotation: {\n common: {\n drawTime: 'beforeDatasetsDraw'\n },\n annotations: {\n annotation1,\n annotation2\n }\n }\n }\n }\n};\n/* */\n\n// \nfunction average(ctx) {\n const values = ctx.chart.data.datasets[0].data;\n return values.reduce((a, b) => a + b, 0) / values.length;\n}\n\nfunction min(ctx) {\n const values = ctx.chart.data.datasets[0].data;\n return values.reduce((a, b) => Math.min(a, b), Infinity);\n}\n// \n\nconst actions = [\n {\n name: 'Randomize',\n handler: function(chart) {\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data = dataset.data.map(() => Utils.rand(MIN, MAX));\n });\n chart.update();\n }\n },\n {\n name: 'Add data',\n handler: function(chart) {\n chart.data.labels.push(chart.data.labels.length);\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data.push(Utils.rand(MIN, MAX));\n });\n chart.update();\n }\n },\n {\n name: 'Remove data',\n handler: function(chart) {\n chart.data.labels.shift();\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data.shift();\n });\n chart.update();\n }\n }\n];\n\nmodule.exports = {\n actions: actions,\n config: config,\n};\n`\"/>"},{title:"Limited lines",frontmatter:{},regularPath:"/samples/line/limited.html",relativePath:"samples/line/limited.md",key:"v-2f3a8d3f",path:"/samples/line/limited.html",lastUpdated:"9/19/2024, 7:48:57 AM",lastUpdatedTimestamp:1726732137e3,content:" Limited lines \n \nconst DATA_COUNT = 12;\nconst MIN = 10;\nconst MAX = 100;\n\nUtils.srand(8);\n\nconst numberCfg = {count: DATA_COUNT, min: MIN, max: MAX};\n\nconst data = {\n labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'],\n datasets: [{\n data: Utils.numbers(numberCfg)\n }, {\n data: Utils.numbers(numberCfg)\n }]\n};\n// \n\n// \nconst annotation1 = {\n type: 'line',\n borderColor: 'green',\n borderWidth: 3,\n label: {\n display: true,\n backgroundColor: 'lightGreen',\n borderRadius: 0,\n color: 'green',\n content: 'Summer time'\n },\n arrowHeads: {\n start: {\n display: true,\n borderColor: 'green'\n },\n end: {\n display: true,\n borderColor: 'green'\n }\n },\n xMax: 8,\n xMin: 5,\n xScaleID: 'x',\n yMax: 110,\n yMin: 110,\n yScaleID: 'y'\n};\n// \n\n// \nconst annotation2 = {\n type: 'line',\n borderColor: 'green',\n borderDash: [6, 6],\n borderWidth: 1,\n xMax: 5,\n xMin: 5,\n xScaleID: 'x',\n yMax: 0,\n yMin: 110,\n yScaleID: 'y'\n};\n// \n\n// \nconst annotation3 = {\n type: 'line',\n borderColor: 'green',\n borderDash: [6, 6],\n borderWidth: 1,\n xMax: 8,\n xMin: 8,\n xScaleID: 'x',\n yMax: 0,\n yMin: 110,\n yScaleID: 'y'\n};\n// \n\n/* */\nconst config = {\n type: 'line',\n data,\n options: {\n scale: {\n y: {\n beginAtZero: true,\n max: 120,\n min: 0\n }\n },\n plugins: {\n annotation: {\n common: {\n drawTime: 'beforeDraw'\n },\n annotations: {\n annotation1,\n annotation2,\n annotation3\n }\n }\n }\n }\n};\n/* */\n\nconst actions = [\n {\n name: 'Randomize',\n handler: function(chart) {\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data = dataset.data.map(() => Utils.rand(MIN, MAX));\n });\n chart.update();\n }\n }\n];\n\nmodule.exports = {\n actions: actions,\n config: config,\n};\n`\"/>"},{title:"Lower and upper bounds",frontmatter:{},regularPath:"/samples/line/lowerUpper.html",relativePath:"samples/line/lowerUpper.md",key:"v-5f6c329d",path:"/samples/line/lowerUpper.html",lastUpdated:"9/19/2024, 7:48:57 AM",lastUpdatedTimestamp:1726732137e3,content:" Lower and upper bounds \n \nconst DATA_COUNT = 8;\nconst MIN = 10;\nconst MAX = 100;\n\nUtils.srand(8);\n\nconst labels = [];\nfor (let i = 0; i \n\n// \nconst annotation1 = {\n type: 'line',\n borderColor: 'black',\n borderWidth: 3,\n label: {\n display: true,\n backgroundColor: 'black',\n borderColor: 'black',\n borderRadius: 10,\n borderWidth: 2,\n content: (ctx) => 'Lower bound: ' + minValue(ctx).toFixed(3),\n rotation: 'auto'\n },\n scaleID: 'y',\n value: minValue\n};\n// \n\n// \nconst annotation2 = {\n type: 'line',\n borderWidth: 3,\n borderColor: 'black',\n label: {\n display: true,\n backgroundColor: 'black',\n borderColor: 'black',\n borderRadius: 10,\n borderWidth: 2,\n content: (ctx) => 'Upper bound: ' + maxValue(ctx).toFixed(3),\n rotation: 'auto'\n },\n scaleID: 'y',\n value: maxValue\n};\n// \n\n/* */\nconst config = {\n type: 'line',\n data,\n options: {\n scales: {\n y: {\n stacked: true\n }\n },\n plugins: {\n annotation: {\n annotations: {\n annotation1,\n annotation2\n }\n }\n }\n }\n};\n/* */\n\n// \nfunction minValue(ctx) {\n const dataset = ctx.chart.data.datasets[0];\n const min = dataset.data.reduce((max, point) => Math.min(point, max), Infinity);\n return isFinite(min) ? min : 0;\n}\n\nfunction maxValue(ctx) {\n const datasets = ctx.chart.data.datasets;\n const count = datasets[0].data.length;\n let max = 0;\n for (let i = 0; i \n\nconst actions = [\n {\n name: 'Randomize',\n handler: function(chart) {\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data = dataset.data.map(() => Utils.rand(MIN, MAX));\n });\n chart.update();\n }\n },\n {\n name: 'Add data',\n handler: function(chart) {\n chart.data.labels.push(chart.data.labels.length);\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data.push(Utils.rand(MIN, MAX));\n });\n chart.update();\n }\n },\n {\n name: 'Remove data',\n handler: function(chart) {\n chart.data.labels.shift();\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data.shift();\n });\n chart.update();\n }\n },\n {\n name: 'Cycle position',\n handler: function(chart) {\n const annotations = chart.options.plugins.annotation.annotations;\n if (annotations.annotation1.label.position === 'start') {\n annotations.annotation1.label.position = 'end';\n annotations.annotation2.label.position = 'end';\n } else if (annotations.annotation1.label.position === 'center') {\n annotations.annotation1.label.position = 'start';\n annotations.annotation2.label.position = 'start';\n } else {\n annotations.annotation1.label.position = 'center';\n annotations.annotation2.label.position = 'center';\n }\n chart.update();\n }\n }\n];\n\nmodule.exports = {\n actions: actions,\n config: config,\n};\n`\"/>"},{title:"Standard deviation",frontmatter:{},regularPath:"/samples/line/standardDeviation.html",relativePath:"samples/line/standardDeviation.md",key:"v-bc3af7aa",path:"/samples/line/standardDeviation.html",lastUpdated:"9/19/2024, 7:48:57 AM",lastUpdatedTimestamp:1726732137e3,content:" Standard deviation \n \nconst DATA_COUNT = 16;\nconst MIN = 10;\nconst MAX = 100;\n\nUtils.srand(8);\n\nconst labels = [];\nfor (let i = 0; i \n\n// \nconst annotation1 = {\n type: 'line',\n borderColor: 'rgb(100, 149, 237)',\n borderDash: [6, 6],\n borderDashOffset: 0,\n borderWidth: 3,\n label: {\n display: true,\n backgroundColor: 'rgb(100, 149, 237)',\n content: (ctx) => 'Average: ' + average(ctx).toFixed(2)\n },\n scaleID: 'y',\n value: (ctx) => average(ctx)\n};\n// \n\n// \nconst annotation2 = {\n type: 'line',\n borderColor: 'rgba(102, 102, 102, 0.5)',\n borderDash: [6, 6],\n borderDashOffset: 0,\n borderWidth: 3,\n label: {\n display: true,\n backgroundColor: 'rgba(102, 102, 102, 0.5)',\n color: 'black',\n content: (ctx) => (average(ctx) + standardDeviation(ctx)).toFixed(2),\n position: 'start',\n rotation: -90,\n yAdjust: -28\n },\n scaleID: 'y',\n value: (ctx) => average(ctx) + standardDeviation(ctx)\n};\n// \n\n// \nconst annotation3 = {\n type: 'line',\n borderColor: 'rgba(102, 102, 102, 0.5)',\n borderDash: [6, 6],\n borderDashOffset: 0,\n borderWidth: 3,\n label: {\n display: true,\n backgroundColor: 'rgba(102, 102, 102, 0.5)',\n color: 'black',\n content: (ctx) => (average(ctx) - standardDeviation(ctx)).toFixed(2),\n position: 'end',\n rotation: 90,\n yAdjust: 28\n },\n scaleID: 'y',\n value: (ctx) => average(ctx) - standardDeviation(ctx)\n};\n// \n\n/* */\nconst config = {\n type: 'line',\n data,\n options: {\n scale: {\n y: {\n beginAtZero: true,\n max: 120,\n min: 0\n }\n },\n plugins: {\n annotation: {\n annotations: {\n annotation1,\n annotation2,\n annotation3\n }\n }\n }\n }\n};\n/* */\n\n// \nfunction average(ctx) {\n const values = ctx.chart.data.datasets[0].data;\n return values.reduce((a, b) => a + b, 0) / values.length;\n}\n\nfunction standardDeviation(ctx) {\n const values = ctx.chart.data.datasets[0].data;\n const n = values.length;\n const mean = average(ctx);\n return Math.sqrt(values.map(x => Math.pow(x - mean, 2)).reduce((a, b) => a + b) / n);\n}\n\n// \n\nconst actions = [\n {\n name: 'Randomize',\n handler: function(chart) {\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data = dataset.data.map(() => Utils.rand(MIN, MAX));\n });\n chart.update();\n }\n },\n {\n name: 'Add data',\n handler: function(chart) {\n chart.data.labels.push(chart.data.labels.length);\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data.push(Utils.rand(MIN, MAX));\n });\n chart.update();\n }\n },\n {\n name: 'Remove data',\n handler: function(chart) {\n chart.data.labels.shift();\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data.shift();\n });\n chart.update();\n }\n }\n];\n\nmodule.exports = {\n actions: actions,\n config: config,\n};\n`\"/>"},{title:"Line visibility",frontmatter:{},regularPath:"/samples/line/visibility.html",relativePath:"samples/line/visibility.md",key:"v-5eb79d3d",path:"/samples/line/visibility.html",lastUpdated:"9/19/2024, 7:48:57 AM",lastUpdatedTimestamp:1726732137e3,content:" Line visibility \n \nconst DATA_COUNT = 6;\nconst MIN = 10;\nconst MAX = 100;\n\nUtils.srand(8);\nconst jointValue = Utils.rand(MIN, MAX);\n\nconst dataCfg = Utils.numbers({count: DATA_COUNT, min: MIN, max: MAX});\ndataCfg.push(jointValue, NaN, NaN, NaN, NaN, NaN, NaN);\n\nconst futureCfg = Utils.numbers({count: DATA_COUNT - 1, min: MIN, max: MAX});\nfutureCfg.splice(0, 0, NaN, NaN, NaN, NaN, NaN, NaN, jointValue);\n\nconst data = {\n labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'],\n datasets: [{\n data: dataCfg\n }, {\n data: futureCfg,\n borderDash: [6, 6]\n }]\n};\n// \n\n// \nconst annotation = {\n type: 'line',\n borderColor: 'black',\n borderWidth: 1,\n display: (ctx) => ctx.chart.isDatasetVisible(1),\n label: {\n display: true,\n content: 'Now',\n position: 'start'\n },\n scaleID: 'x',\n value: 'July'\n};\n// \n\n/* */\nconst config = {\n type: 'line',\n data,\n options: {\n plugins: {\n annotation: {\n annotations: {\n annotation\n }\n }\n }\n }\n};\n/* */\n\nconst actions = [\n {\n name: 'Toggle annotation',\n handler: function(chart) {\n const visible = chart.isDatasetVisible(1);\n if (visible) {\n chart.options.scales.x.max = 'July';\n } else {\n chart.options.scales.x.max = undefined;\n }\n chart.setDatasetVisibility(1, !visible);\n chart.update();\n }\n }\n];\n\nmodule.exports = {\n actions: actions,\n config: config,\n};\n`\"/>"},{title:"Basic",frontmatter:{},regularPath:"/samples/point/basic.html",relativePath:"samples/point/basic.md",key:"v-13db7dfd",path:"/samples/point/basic.html",lastUpdated:"9/19/2024, 7:48:57 AM",lastUpdatedTimestamp:1726732137e3,content:" Basic \n \nconst DATA_COUNT = 8;\nconst MIN = 10;\nconst MAX = 100;\n\nUtils.srand(5);\n\nconst labels = [];\nfor (let i = 0; i \n\n// \nconst annotation1 = {\n type: 'point',\n backgroundColor: 'rgba(0, 255, 255, 0.4)',\n borderColor: 'black',\n borderWidth: 3,\n scaleID: 'y',\n xValue: (ctx) => value(ctx, 0, 2, 'x'),\n yValue: (ctx) => value(ctx, 0, 2, 'y')\n};\n// \n\n// \nconst annotation2 = {\n type: 'point',\n backgroundColor: 'transparent',\n borderColor: 'red',\n borderWidth: 5,\n pointStyle: 'triangle',\n radius: 25,\n scaleID: 'y',\n xValue: (ctx) => value(ctx, 1, 4, 'x'),\n yValue: (ctx) => value(ctx, 1, 4, 'y')\n};\n// \n\n// \nconst annotation3 = {\n type: 'point',\n borderColor: 'orange',\n borderWidth: 3,\n drawTime: 'beforeDraw',\n pointStyle: 'star',\n radius: 25,\n scaleID: 'y',\n xValue: (ctx) => value(ctx, 1, 6, 'x'),\n yValue: (ctx) => value(ctx, 1, 6, 'y')\n};\n// \n\n/* */\nconst config = {\n type: 'line',\n data,\n options: {\n plugins: {\n annotation: {\n annotations: {\n annotation1,\n annotation2,\n annotation3\n }\n }\n }\n }\n};\n/* */\n\n// \nfunction value(ctx, datasetIndex, index, prop) {\n const meta = ctx.chart.getDatasetMeta(datasetIndex);\n const parsed = meta.controller.getParsed(index);\n return parsed ? parsed[prop] : NaN;\n}\n// \n\nconst actions = [\n {\n name: 'Randomize',\n handler: function(chart) {\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data = dataset.data.map(() => Utils.rand(MIN, MAX));\n });\n chart.update();\n }\n },\n {\n name: 'Add data',\n handler: function(chart) {\n chart.data.labels.push(chart.data.labels.length);\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data.push(Utils.rand(MIN, MAX));\n });\n chart.update();\n }\n },\n {\n name: 'Remove data',\n handler: function(chart) {\n chart.data.labels.shift();\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data.shift();\n });\n chart.update();\n }\n }\n];\n\nmodule.exports = {\n actions: actions,\n config: config\n};\n`\"/>"},{title:"Combined annotations",frontmatter:{},regularPath:"/samples/point/combined.html",relativePath:"samples/point/combined.md",key:"v-21782935",path:"/samples/point/combined.html",lastUpdated:"9/19/2024, 7:48:57 AM",lastUpdatedTimestamp:1726732137e3,content:" Combined annotations \n \nconst DATA_COUNT = 12;\nconst MIN = 10;\nconst MAX = 100;\n\nUtils.srand(8);\n\nconst numberCfg = {count: DATA_COUNT, min: MIN, max: MAX};\n\nconst data = {\n labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'],\n datasets: [{\n data: Utils.numbers(numberCfg)\n }, {\n data: Utils.numbers(numberCfg)\n }]\n};\n// \n\n// \nconst annotation1 = {\n type: 'line',\n borderColor: 'green',\n borderDash: [6, 6],\n borderWidth: 3,\n label: {\n display: true,\n backgroundColor: 'lightGreen',\n borderRadius: 0,\n color: 'green',\n content: 'Project timeline'\n },\n arrowHeads: {\n end: {\n display: true,\n fill: true,\n borderDash: [],\n borderColor: 'green'\n }\n },\n xMax: 10.5,\n xMin: 2.5,\n xScaleID: 'x',\n yMax: 110,\n yMin: 110,\n yScaleID: 'y'\n};\n// \n\n// \nconst annotation2 = {\n type: 'line',\n borderColor: 'green',\n borderDash: [6, 6],\n borderWidth: 1,\n xMax: 2.5,\n xMin: 2.5,\n xScaleID: 'x',\n yMax: 0,\n yMin: 110,\n yScaleID: 'y'\n};\n// \n\n// \nconst annotation3 = {\n type: 'line',\n borderColor: 'green',\n borderDash: [6, 6],\n borderWidth: 1,\n xMax: 10.5,\n xMin: 10.5,\n xScaleID: 'x',\n yMax: 0,\n yMin: 110,\n yScaleID: 'y'\n};\n// \n\n// \nconst annotation4 = {\n type: 'point',\n backgroundColor: 'green',\n borderWidth: 0,\n xValue: 2.5,\n xScaleID: 'x',\n yValue: 110,\n yScaleID: 'y'\n};\n// \n\n/* */\nconst config = {\n type: 'bar',\n data,\n options: {\n scale: {\n y: {\n beginAtZero: true,\n max: 120,\n min: 0\n }\n },\n plugins: {\n annotation: {\n common: {\n drawTime: 'beforeDraw'\n },\n annotations: {\n annotation1,\n annotation2,\n annotation3,\n annotation4\n }\n }\n }\n }\n};\n/* */\n\nconst actions = [\n {\n name: 'Randomize',\n handler: function(chart) {\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data = dataset.data.map(() => Utils.rand(MIN, MAX));\n });\n chart.update();\n }\n }\n];\n\nmodule.exports = {\n actions: actions,\n config: config,\n};\n`\"/>"},{title:"Points outside of chart area",frontmatter:{},regularPath:"/samples/point/outsideChartArea.html",relativePath:"samples/point/outsideChartArea.md",key:"v-dd2b401a",path:"/samples/point/outsideChartArea.html",lastUpdated:"9/19/2024, 7:48:57 AM",lastUpdatedTimestamp:1726732137e3,content:" Points outside of chart area \n \nconst DATA_COUNT = 12;\nconst MIN = 10;\nconst MAX = 100;\n\nUtils.srand(8);\n\nconst numberCfg = {count: DATA_COUNT, min: MIN, max: MAX};\n\nconst data = {\n labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'],\n datasets: [{\n data: Utils.numbers(numberCfg)\n }, {\n data: Utils.numbers(numberCfg)\n }]\n};\n// \n\n// \nconst annotation1 = {\n type: 'point',\n backgroundColor: 'lime',\n borderColor: 'black',\n borderWidth: 1,\n pointStyle: 'triangle',\n radius: 15,\n xValue: 3,\n xScaleID: 'x',\n yAdjust: 5,\n yValue: 0,\n yScaleID: 'y'\n};\n// \n\n// \nconst annotation2 = {\n type: 'point',\n backgroundColor: 'lime',\n borderColor: 'black',\n borderWidth: 1,\n pointStyle: 'triangle',\n radius: 15,\n rotation: 180,\n xValue: 3,\n xScaleID: 'x',\n yAdjust: -5,\n yValue: 100,\n yScaleID: 'y'\n};\n// \n\n/* */\nconst config = {\n type: 'bar',\n data,\n options: {\n layout: {\n padding: {\n top: 16\n }\n },\n scale: {\n y: {\n beginAtZero: true,\n max: 100,\n min: 0\n }\n },\n plugins: {\n annotation: {\n clip: false,\n common: {\n drawTime: 'afterDraw'\n },\n annotations: {\n annotation1,\n annotation2\n }\n }\n }\n }\n};\n/* */\n\nconst actions = [\n {\n name: 'Randomize',\n handler: function(chart) {\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data = dataset.data.map(() => Utils.rand(MIN, MAX));\n });\n const xValue = Utils.rand(0, DATA_COUNT - 1);\n chart.options.plugins.annotation.annotations.annotation1.xValue = xValue;\n chart.options.plugins.annotation.annotations.annotation2.xValue = xValue;\n chart.update();\n }\n }\n];\n\nmodule.exports = {\n actions: actions,\n config: config,\n};\n`\"/>"},{title:"Initial animations",frontmatter:{},regularPath:"/samples/point/initAnim.html",relativePath:"samples/point/initAnim.md",key:"v-246c16bd",path:"/samples/point/initAnim.html",lastUpdated:"9/19/2024, 7:48:57 AM",lastUpdatedTimestamp:1726732137e3,content:" Initial animations \n \nconst DATA_COUNT = 12;\nconst MIN = 10;\nconst MAX = 100;\n\nconst numberCfg = {count: DATA_COUNT, min: MIN, max: MAX};\n\nconst data = {\n labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'],\n datasets: [{\n data: Utils.numbers(numberCfg)\n }]\n};\n// \n\n// \nconst annotation1 = {\n type: 'point',\n backgroundColor: 'rgba(0, 150, 0, 0.2)',\n borderColor: 'rgba(0, 150, 0)',\n borderRadius: 4,\n borderWidth: 1,\n init: true,\n radius: 40,\n xMax: 6.5,\n xMin: 4.5,\n yMax: 60,\n yMin: 40\n};\nconst labelAnnotation1 = {\n type: 'label',\n init: true,\n content: 'Fade',\n xMax: 6.5,\n xMin: 4.5,\n yMax: 60,\n yMin: 40\n};\n// \n\n// \nconst annotation2 = {\n type: 'point',\n backgroundColor: 'rgba(0, 150, 0, 0.2)',\n borderColor: 'rgba(0, 150, 0)',\n borderRadius: 4,\n borderWidth: 1,\n init: () => ({centerY: 0}),\n radius: 40,\n xMax: 2.5,\n xMin: 0.5,\n yMax: 30,\n yMin: 10\n};\nconst labelAnnotation2 = {\n type: 'label',\n init: () => ({y: 0, y2: 0, width: 0, height: 0}),\n content: 'Flyin from top',\n xMax: 2.5,\n xMin: 0.5,\n yMax: 30,\n yMin: 10\n};\n// \n\n// \nconst annotation3 = {\n type: 'point',\n backgroundColor: 'rgba(0, 150, 0, 0.2)',\n borderColor: 'rgba(0, 150, 0)',\n borderRadius: 4,\n borderWidth: 1,\n init: () => ({centerX: 0}),\n radius: 40,\n xMax: 10.5,\n xMin: 8.5,\n yMax: 90,\n yMin: 70\n};\nconst labelAnnotation3 = {\n type: 'label',\n init: () => ({x: 0, x2: 0, width: 0, height: 0}),\n content: 'Flyin from left',\n xMax: 10.5,\n xMin: 8.5,\n yMax: 90,\n yMin: 70\n};\n// \n\n/* */\nconst config = {\n type: 'line',\n data,\n options: {\n scales: {\n y: {\n beginAtZero: true,\n max: 100,\n min: 0\n }\n },\n plugins: {\n annotation: {\n common: {\n drawTime: 'afterDraw'\n },\n annotations: {\n annotation1,\n labelAnnotation1,\n annotation2,\n labelAnnotation2,\n annotation3,\n labelAnnotation3\n }\n }\n }\n }\n};\n/* */\n\nconst actions = [\n {\n name: 'Randomize',\n handler: function(chart) {\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data = dataset.data.map(() => Utils.rand(MIN, MAX));\n });\n chart.update();\n }\n }\n];\n\nmodule.exports = {\n actions: actions,\n config: config,\n};\n`\"/>"},{title:"Shadow",frontmatter:{},regularPath:"/samples/point/shadow.html",relativePath:"samples/point/shadow.md",key:"v-0fc2653f",path:"/samples/point/shadow.html",lastUpdated:"9/19/2024, 7:48:57 AM",lastUpdatedTimestamp:1726732137e3,content:" Shadow \n \nconst DATA_COUNT = 8;\nconst MIN = 10;\nconst MAX = 100;\n\nUtils.srand(5);\n\nconst labels = [];\nfor (let i = 0; i \n\n// \nconst annotation1 = {\n type: 'point',\n backgroundColor: 'rgba(0, 255, 255, 0.4)',\n backgroundShadowColor: 'black',\n borderColor: 'black',\n borderWidth: 3,\n scaleID: 'y',\n shadowBlur: 3,\n shadowOffsetX: 3,\n shadowOffsetY: 10,\n xValue: (ctx) => value(ctx, 0, 2, 'x'),\n yValue: (ctx) => value(ctx, 0, 2, 'y')\n};\n// \n\n// \nconst annotation2 = {\n type: 'point',\n backgroundColor: 'rgba(245, 245, 245, 0.5)',\n borderColor: 'red',\n borderShadowColor: 'gray',\n borderWidth: 5,\n pointStyle: 'triangle',\n radius: 25,\n scaleID: 'y',\n shadowBlur: 3,\n shadowOffsetX: 3,\n shadowOffsetY: 10,\n xValue: (ctx) => value(ctx, 1, 4, 'x'),\n yValue: (ctx) => value(ctx, 1, 4, 'y')\n};\n// \n\n// \nconst annotation3 = {\n type: 'point',\n borderColor: 'orange',\n borderShadowColor: 'black',\n borderWidth: 3,\n drawTime: 'beforeDraw',\n pointStyle: 'star',\n radius: 25,\n scaleID: 'y',\n shadowBlur: 3,\n shadowOffsetX: 3,\n shadowOffsetY: 10,\n xValue: (ctx) => value(ctx, 1, 6, 'x'),\n yValue: (ctx) => value(ctx, 1, 6, 'y')\n};\n// \n\n/* */\nconst config = {\n type: 'line',\n data,\n options: {\n plugins: {\n annotation: {\n annotations: {\n annotation1,\n annotation2,\n annotation3\n }\n }\n }\n }\n};\n/* */\n\n// \nfunction value(ctx, datasetIndex, index, prop) {\n const meta = ctx.chart.getDatasetMeta(datasetIndex);\n const parsed = meta.controller.getParsed(index);\n return parsed ? parsed[prop] : NaN;\n}\n// \n\nconst actions = [\n {\n name: 'Randomize',\n handler: function(chart) {\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data = dataset.data.map(() => Utils.rand(MIN, MAX));\n });\n chart.update();\n }\n },\n {\n name: 'Add data',\n handler: function(chart) {\n chart.data.labels.push(chart.data.labels.length);\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data.push(Utils.rand(MIN, MAX));\n });\n chart.update();\n }\n },\n {\n name: 'Remove data',\n handler: function(chart) {\n chart.data.labels.shift();\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data.shift();\n });\n chart.update();\n }\n }\n];\n\nmodule.exports = {\n actions: actions,\n config: config\n};\n`\"/>"},{title:"Basic",frontmatter:{},regularPath:"/samples/polygon/basic.html",relativePath:"samples/polygon/basic.md",key:"v-3ae674fd",path:"/samples/polygon/basic.html",lastUpdated:"9/19/2024, 7:48:57 AM",lastUpdatedTimestamp:1726732137e3,content:" Basic \n \nconst DATA_COUNT = 8;\nconst MIN = 10;\nconst MAX = 100;\n\nUtils.srand(5);\n\nconst labels = [];\nfor (let i = 0; i \n\n// \nconst annotation1 = {\n type: 'polygon',\n backgroundColor: 'rgba(0, 255, 255, 0.4)',\n borderColor: 'black',\n borderWidth: 3,\n radius: 25,\n scaleID: 'y',\n xValue: (ctx) => value(ctx, 0, 2, 'x'),\n yValue: (ctx) => value(ctx, 0, 2, 'y')\n};\n// \n\n// \nconst annotation2 = {\n type: 'polygon',\n backgroundColor: 'transparent',\n borderColor: 'red',\n borderWidth: 5,\n radius: 25,\n scaleID: 'y',\n sides: 5,\n xValue: (ctx) => value(ctx, 1, 4, 'x'),\n yValue: (ctx) => value(ctx, 1, 4, 'y')\n};\n// \n\n// \nconst annotation3 = {\n type: 'polygon',\n backgroundColor: 'transparent',\n borderColor: 'gray',\n borderWidth: 3,\n radius: 30,\n sides: 8,\n scaleID: 'y',\n xValue: (ctx) => value(ctx, 1, 6, 'x'),\n yValue: (ctx) => value(ctx, 1, 6, 'y')\n};\n// \n\n/* */\nconst config = {\n type: 'line',\n data,\n options: {\n plugins: {\n annotation: {\n annotations: {\n annotation1,\n annotation2,\n annotation3\n }\n }\n }\n }\n};\n/* */\n\n// \nfunction value(ctx, datasetIndex, index, prop) {\n const meta = ctx.chart.getDatasetMeta(datasetIndex);\n const parsed = meta.controller.getParsed(index);\n return parsed ? parsed[prop] : NaN;\n}\n// \n\nconst actions = [\n {\n name: 'Randomize',\n handler: function(chart) {\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data = dataset.data.map(() => Utils.rand(MIN, MAX));\n });\n chart.update();\n }\n },\n {\n name: 'Add data',\n handler: function(chart) {\n chart.data.labels.push(chart.data.labels.length);\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data.push(Utils.rand(MIN, MAX));\n });\n chart.update();\n }\n },\n {\n name: 'Remove data',\n handler: function(chart) {\n chart.data.labels.shift();\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data.shift();\n });\n chart.update();\n }\n },\n {\n name: 'Add a side to annotation 1',\n handler: function(chart) {\n chart.options.plugins.annotation.annotations.annotation1.sides++;\n chart.update();\n }\n },\n {\n name: 'Remove a side from annotation 1',\n handler: function(chart) {\n chart.options.plugins.annotation.annotations.annotation1.sides--;\n chart.update();\n }\n }\n];\n\nmodule.exports = {\n actions: actions,\n config: config\n};\n`\"/>"},{title:"Polygons outside of chart area",frontmatter:{},regularPath:"/samples/polygon/outsideChartArea.html",relativePath:"samples/polygon/outsideChartArea.md",key:"v-39b04a87",path:"/samples/polygon/outsideChartArea.html",lastUpdated:"9/19/2024, 7:48:57 AM",lastUpdatedTimestamp:1726732137e3,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:"9/19/2024, 7:48:57 AM",lastUpdatedTimestamp:1726732137e3,content:" Shadow \n \nconst DATA_COUNT = 8;\nconst MIN = 10;\nconst MAX = 100;\n\nUtils.srand(5);\n\nconst labels = [];\nfor (let i = 0; i \n\n// \nconst annotation1 = {\n type: 'polygon',\n backgroundColor: 'white',\n backgroundShadowColor: 'black',\n borderColor: 'red',\n borderJoinStyle: 'round',\n borderWidth: 7,\n radius: 40,\n rotation: 180,\n shadowBlur: 3,\n shadowOffsetX: 3,\n shadowOffsetY: 10,\n xValue: (ctx) => value(ctx, 0, 2, 'x'),\n yValue: (ctx) => value(ctx, 0, 2, 'y')\n};\n// \n\n// \nconst annotation2 = {\n type: 'polygon',\n backgroundColor: 'white',\n backgroundShadowColor: 'black',\n borderColor: 'red',\n borderJoinStyle: 'round',\n borderWidth: 7,\n radius: 40,\n shadowBlur: 3,\n shadowOffsetX: 3,\n shadowOffsetY: 10,\n xValue: (ctx) => value(ctx, 0, 4, 'x'),\n yValue: (ctx) => value(ctx, 0, 4, 'y')\n};\n// \n\n// \nconst annotation3 = {\n type: 'label',\n color: 'black',\n content: '!',\n font: {\n size: 40,\n family: 'Arial',\n weight: 'bold'\n },\n xValue: (ctx) => value(ctx, 0, 4, 'x'),\n yValue: (ctx) => value(ctx, 0, 4, 'y')\n};\n// \n\n// \nconst annotation4 = {\n type: 'polygon',\n backgroundColor: 'red',\n backgroundShadowColor: 'black',\n borderColor: 'white',\n borderWidth: 4,\n radius: 40,\n rotation: 22.5,\n shadowBlur: 3,\n shadowOffsetX: 3,\n shadowOffsetY: 10,\n sides: 8,\n xValue: (ctx) => value(ctx, 0, 6, 'x'),\n yValue: (ctx) => value(ctx, 0, 6, 'y')\n};\n// \n\n// \nconst annotation5 = {\n type: 'label',\n color: 'white',\n content: 'STOP',\n font: {\n size: 24\n },\n xValue: (ctx) => value(ctx, 0, 6, 'x'),\n yValue: (ctx) => value(ctx, 0, 6, 'y')\n};\n// \n\n/* */\nconst config = {\n type: 'line',\n data,\n options: {\n scales: {\n y: {\n beginAtZero: true,\n max: 120,\n min: 0\n }\n },\n plugins: {\n annotation: {\n annotations: {\n annotation1,\n annotation2,\n annotation3,\n annotation4,\n annotation5\n }\n }\n }\n }\n};\n/* */\n\n// \nfunction value(ctx, datasetIndex, index, prop) {\n const meta = ctx.chart.getDatasetMeta(datasetIndex);\n const parsed = meta.controller.getParsed(index);\n return parsed ? parsed[prop] : NaN;\n}\n// \n\nconst actions = [\n {\n name: 'Randomize',\n handler: function(chart) {\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data = dataset.data.map(() => Utils.rand(MIN, MAX));\n });\n chart.update();\n }\n },\n {\n name: 'Add data',\n handler: function(chart) {\n chart.data.labels.push(chart.data.labels.length);\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data.push(Utils.rand(MIN, MAX));\n });\n chart.update();\n }\n },\n {\n name: 'Remove data',\n handler: function(chart) {\n chart.data.labels.shift();\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data.shift();\n });\n chart.update();\n }\n }\n];\n\nmodule.exports = {\n actions: actions,\n config: config\n};\n`\"/>"},{title:"Utils",frontmatter:{},regularPath:"/samples/utils.html",relativePath:"samples/utils.md",key:"v-4719da06",path:"/samples/utils.html",headers:[{level:2,title:"Disclaimer",slug:"disclaimer"},{level:2,title:"Functions",slug:"functions"}],lastUpdated:"9/19/2024, 7:48:57 AM",lastUpdatedTimestamp:1726732137e3,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:"9/19/2024, 7:48:57 AM",lastUpdatedTimestamp:1726732137e3,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"]},"developers",{title:"Migration",collapsable:!0,children:["migrationV3","migrationV2","migrationV1"]}],"/samples/":["intro",{title:"Box annotations",children:["box/basic","box/quarters","box/disclosure","box/canvas","box/image","box/initAnim","box/gradient"]},{title:"Ellipse annotations",children:["ellipse/basic","ellipse/rotation","ellipse/label","ellipse/image"]},{title:"Label annotations",children:["label/basic","label/point","label/callout","label/canvas","label/image","label/innerChart","label/lowerUpper","label/fontsColors","label/autoscaling"]},{title:"Line annotations",children:["line/basic","line/curve","line/lowerUpper","line/limited","line/average","line/standardDeviation","line/callout","line/visibility","line/labelVisibility","line/canvas","line/image","line/datasetBars","line/animation","line/hook"]},{title:"Point annotations",children:["point/basic","point/combined","point/outsideChartArea","point/shadow","point/initAnim"]},{title:"Polygon annotations",children:["polygon/basic","polygon/stop","polygon/outsideChartArea","polygon/shadow"]},{title:"Charts",children:["charts/bar","charts/line"]},{title:"Interaction",children:["interaction/interaction","interaction/dragging","interaction/selection","interaction/cartesianplane"]},"utils"]}}};e(255),e(256);r.a.component("ChartEditor",()=>Promise.all([e.e(0),e.e(3)]).then(e.bind(null,421))),r.a.component("Badge",()=>Promise.all([e.e(0),e.e(5)]).then(e.bind(null,425))),r.a.component("CodeBlock",()=>Promise.all([e.e(0),e.e(6)]).then(e.bind(null,423))),r.a.component("CodeGroup",()=>Promise.all([e.e(0),e.e(7)]).then(e.bind(null,424)));e(257);var Zt,Qt=e(2);function ne(n,t){(null==t||t>n.length)&&(t=n.length);for(var e=0,o=new Array(t);eM * (c) 2024 chartjs-plugin-annotation Contributors * Released under the MIT License */ -const oe={modes:{point:(n,t)=>ie(n,t,{intersect:!0}),nearest:(n,t,e)=>function(n,t,e){let o=Number.POSITIVE_INFINITY;return ie(n,t,e).reduce((n,a)=>{const i=a.getCenterPoint(),r=function(n,t,e){if("x"===e)return{x:n.x,y:t.y};if("y"===e)return{x:t.x,y:n.y};return t}(t,i,e.axis),s=Object(ee.R)(t,r);return sn._index-t._index).slice(0,1)}(n,t,e),x:(n,t,e)=>ie(n,t,{intersect:e.intersect,axis:"x"}),y:(n,t,e)=>ie(n,t,{intersect:e.intersect,axis:"y"})}};function ae(n,t,e){return(oe.modes[e.mode]||oe.modes.nearest)(n,t,e)}function ie(n,t,e){return n.filter(n=>e.intersect?n.inRange(t.x,t.y):function(n,t,e){return"x"!==e&&"y"!==e?n.inRange(t.x,t.y,"x",!0)||n.inRange(t.x,t.y,"y",!0):n.inRange(t.x,t.y,e,!0)}(n,t,e.axis))}const re=(n,t)=>t>n||n.length>t.length&&n.slice(0,t.length)===t,se=(n,t,e)=>Math.min(e,Math.max(t,n)),le=(n,t)=>n.value>=n.start-t&&n.value<=n.end+t;function ce(n,t,e){for(const o of Object.keys(n))n[o]=se(n[o],t,e);return n}function de(n,{x:t,y:e,x2:o,y2:a},i,{borderWidth:r,hitTolerance:s}){const l=(r+s)/2,c=n.x>=t-l-.001&&n.x<=o+l+.001,d=n.y>=e-l-.001&&n.y<=a+l+.001;return"x"===i?c:("y"===i||c)&&d}function ue(n,t){const{centerX:e,centerY:o}=n.getProps(["centerX","centerY"],t);return{x:e,y:o}}const he=n=>"string"==typeof n&&n.endsWith("%"),fe=n=>parseFloat(n)/100,pe=n=>se(fe(n),0,1),be=(n,t)=>({x:n,y:t,x2:n,y2:t,width:0,height:0}),ve={box:n=>be(n.centerX,n.centerY),ellipse:n=>({centerX:n.centerX,centerY:n.centerX,radius:0,width:0,height:0}),label:n=>be(n.centerX,n.centerY),line:n=>be(n.x,n.y),point:n=>({centerX:n.centerX,centerY:n.centerY,radius:0,width:0,height:0}),polygon:n=>be(n.centerX,n.centerY)};function ge(n,t){return"start"===t?0:"end"===t?n:he(t)?pe(t)*n:n/2}function me(n,t,e=!0){return"number"==typeof t?t:he(t)?(e?pe(t):fe(t))*n:n}function ye(n,t="center"){return Object(ee.Nb)(n)?{x:Object(ee.ac)(n.x,t),y:Object(ee.ac)(n.y,t)}:{x:n=Object(ee.ac)(n,t),y:n}}function xe(n){return n&&(Object(ee.Mb)(n.xValue)||Object(ee.Mb)(n.yValue))}function we(n,t,e){const o=e.init;if(o)return!0===o?Ce(t,e):function(n,t,e){const o=Object(ee.r)(e.init,[{chart:n,properties:t,options:e}]);if(!0===o)return Ce(t,e);if(Object(ee.Nb)(o))return o}(n,t,e)}function Oe(n,t,e){let o=!1;return t.forEach(t=>{Object(ee.K)(n[t])?(o=!0,e[t]=n[t]):Object(ee.Mb)(e[t])&&delete e[t]}),o}function Ce(n,t){const e=t.type||"line";return ve[e](n)}const ke=new Map;function _e(n){if(n&&"object"==typeof n){const t=n.toString();return"[object HTMLImageElement]"===t||"[object HTMLCanvasElement]"===t}}function Se(n,{x:t,y:e},o){o&&(n.translate(t,e),n.rotate(Object(ee.Yb)(o)),n.translate(-t,-e))}function De(n,t){if(t&&t.borderWidth)return n.lineCap=t.borderCapStyle,n.setLineDash(t.borderDash),n.lineDashOffset=t.borderDashOffset,n.lineJoin=t.borderJoinStyle,n.lineWidth=t.borderWidth,n.strokeStyle=t.borderColor,!0}function Ae(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(_e(e))return{width:me(e.width,t.width),height:me(e.height,t.height)};const o=t.font,a=Object(ee.Db)(o)?o.map(n=>Object(ee.D)(n)):[Object(ee.D)(o)],i=t.textStrokeWidth,r=Object(ee.Db)(e)?e:[e],s=r.join()+(n=>n.reduce((function(n,t){return n+=t.string}),""))(a)+i+(n._measureText?"-spriting":"");return ke.has(s)||ke.set(s,function(n,t,e,o){n.save();const a=t.length;let i=0,r=o;for(let s=0;sObject(ee.D)(n)):[Object(ee.D)(i)],s=e.color,l=Object(ee.Db)(s)?s:[s],c=function(n,t){const{x:e,width:o}=n,a=t.textAlign;return"center"===a?e+o/2:"end"===a||"right"===a?e+o:e}(t,e),d=t.y+e.textStrokeWidth/2;n.save(),n.textBaseline="middle",n.textAlign=e.textAlign,function(n,t){if(t.textStrokeWidth>0)return n.lineJoin="round",n.miterLimit=2,n.lineWidth=t.textStrokeWidth,n.strokeStyle=t.textStrokeColor,!0}(n,e)&&function(n,{x:t,y:e},o,a){n.beginPath();let i=0;o.forEach((function(o,r){const s=a[Math.min(r,a.length-1)],l=s.lineHeight;n.font=s.string,n.strokeText(o,t,e+l/2+i),i+=l})),n.stroke()}(n,{x:c,y:d},a,r),function(n,{x:t,y:e},o,{fonts:a,colors:i}){let r=0;o.forEach((function(o,s){const l=i[Math.min(s,i.length-1)],c=a[Math.min(s,a.length-1)],d=c.lineHeight;n.beginPath(),n.font=c.string,n.fillStyle=l,n.fillText(o,t,e+d/2+r),r+=d,n.fill()}))}(n,{x:c,y:d},a,{fonts:r,colors:l}),n.restore()}function Te(n,t,e,o){const{radius:a,options:i}=t,r=i.pointStyle,s=i.rotation;let l=(s||0)*ee.Eb;if(_e(r))return n.save(),n.translate(e,o),n.rotate(l),n.drawImage(r,-r.width/2,-r.height/2,r.width,r.height),void n.restore();(n=>isNaN(n)||n<=0)(a)||function(n,{x:t,y:e,radius:o,rotation:a,style:i,rad:r}){let s,l,c,d;switch(n.beginPath(),i){default:n.arc(t,e,o,0,ee.u),n.closePath();break;case"triangle":n.moveTo(t+Math.sin(r)*o,e-Math.cos(r)*o),r+=ee.Gb,n.lineTo(t+Math.sin(r)*o,e-Math.cos(r)*o),r+=ee.Gb,n.lineTo(t+Math.sin(r)*o,e-Math.cos(r)*o),n.closePath();break;case"rectRounded":d=.516*o,c=o-d,s=Math.cos(r+ee.Fb)*c,l=Math.sin(r+ee.Fb)*c,n.arc(t-s,e-l,d,r-ee.q,r-ee.i),n.arc(t+l,e-s,d,r-ee.i,r),n.arc(t+s,e+l,d,r,r+ee.i),n.arc(t-l,e+s,d,r+ee.i,r+ee.q),n.closePath();break;case"rect":if(!a){c=Math.SQRT1_2*o,n.rect(t-c,e-c,2*c,2*c);break}r+=ee.Fb;case"rectRot":s=Math.cos(r)*o,l=Math.sin(r)*o,n.moveTo(t-s,e-l),n.lineTo(t+l,e-s),n.lineTo(t+s,e+l),n.lineTo(t-l,e+s),n.closePath();break;case"crossRot":r+=ee.Fb;case"cross":s=Math.cos(r)*o,l=Math.sin(r)*o,n.moveTo(t-s,e-l),n.lineTo(t+s,e+l),n.moveTo(t+l,e-s),n.lineTo(t-l,e+s);break;case"star":s=Math.cos(r)*o,l=Math.sin(r)*o,n.moveTo(t-s,e-l),n.lineTo(t+s,e+l),n.moveTo(t+l,e-s),n.lineTo(t-l,e+s),r+=ee.Fb,s=Math.cos(r)*o,l=Math.sin(r)*o,n.moveTo(t-s,e-l),n.lineTo(t+s,e+l),n.moveTo(t+l,e-s),n.lineTo(t-l,e+s);break;case"line":s=Math.cos(r)*o,l=Math.sin(r)*o,n.moveTo(t-s,e-l),n.lineTo(t+s,e+l);break;case"dash":n.moveTo(t,e),n.lineTo(t+Math.cos(r)*o,e+Math.sin(r)*o)}n.fill()}(n,{x:e,y:o,radius:a,rotation:s,style:r,rad:l})}const Ie={xScaleID:{min:"xMin",max:"xMax",start:"left",end:"right",startProp:"x",endProp:"x2"},yScaleID:{min:"yMin",max:"yMax",start:"bottom",end:"top",startProp:"y",endProp:"y2"}};function Ee(n,t,e){return t="number"==typeof t?t:n.parse(t),Object(ee.Lb)(t)?n.getPixelForValue(t):e}function Le(n,t,e){const o=t[e];if(o||"scaleID"===e)return o;const a=e.charAt(0),i=Object.values(n).filter(n=>n.axis&&n.axis===a);return i.length?i[0].id:a}function Ne(n,t){if(n){const e=n.options.reverse;return{start:Ee(n,t.min,e?t.end:t.start),end:Ee(n,t.max,e?t.start:t.end)}}}function Re(n,t){const{chartArea:e,scales:o}=n,a=o[Le(o,t,"xScaleID")],i=o[Le(o,t,"yScaleID")];let r=e.width/2,s=e.height/2;return a&&(r=Ee(a,t.xValue,a.left+a.width/2)),i&&(s=Ee(i,t.yValue,i.top+i.height/2)),{x:r,y:s}}function Ve(n,t){const e=n.scales,o=e[Le(e,t,"xScaleID")],a=e[Le(e,t,"yScaleID")];if(!o&&!a)return{};let{left:i,right:r}=o||n.chartArea,{top:s,bottom:l}=a||n.chartArea;const c=Fe(o,{min:t.xMin,max:t.xMax,start:i,end:r});i=c.start,r=c.end;const d=Fe(a,{min:t.yMin,max:t.yMax,start:l,end:s});return s=d.start,l=d.end,{x:i,y:s,x2:r,y2:l,width:r-i,height:l-s,centerX:i+(r-i)/2,centerY:s+(l-s)/2}}function Ue(n,t){if(!xe(t)){const e=Ve(n,t);let o=t.radius;o&&!isNaN(o)||(o=Math.min(e.width,e.height)/2,t.radius=o);const a=2*o,i=e.centerX+t.xAdjust,r=e.centerY+t.yAdjust;return{x:i-o,y:r-o,x2:i+o,y2:r+o,centerX:i,centerY:r,width:a,height:a,radius:o}}return function(n,t){const e=Re(n,t),o=2*t.radius;return{x:e.x-t.radius+t.xAdjust,y:e.y-t.radius+t.yAdjust,x2:e.x+t.radius+t.xAdjust,y2:e.y+t.radius+t.yAdjust,centerX:e.x+t.xAdjust,centerY:e.y+t.yAdjust,radius:t.radius,width:o,height:o}}(n,t)}function ze(n,t){const{scales:e,chartArea:o}=n,a=e[t.scaleID],i={x:o.left,y:o.top,x2:o.right,y2:o.bottom};return a?function(n,t,e){const o=Ee(n,e.value,NaN),a=Ee(n,e.endValue,o);n.isHorizontal()?(t.x=o,t.x2=a):(t.y=o,t.y2=a)}(a,i,t):function(n,t,e){for(const o of Object.keys(Ie)){const a=n[Le(n,e,o)];if(a){const{min:n,max:i,start:r,end:s,startProp:l,endProp:c}=Ie[o],d=Ne(a,{min:e[n],max:e[i],start:a[r],end:a[s]});t[l]=d.start,t[c]=d.end}}}(e,i,t),i}function We(n,t){const e=Ve(n,t);return e.initProperties=we(n,e,t),e.elements=[{type:"label",optionScope:"label",properties:Ye(n,e,t),initProperties:e.initProperties}],e}function Fe(n,t){const e=Ne(n,t)||t;return{start:Math.min(e.start,e.end),end:Math.max(e.start,e.end)}}function Be(n,t){const{start:e,end:o,borderWidth:a}=n,{position:i,padding:{start:r,end:s},adjust:l}=t;return e+a/2+l+ge(o-a-e-r-s-t.size,i)}function Ye(n,t,e){const o=e.label;o.backgroundColor="transparent",o.callout.display=!1;const a=ye(o.position),i=Object(ee.f)(o.padding),r=Me(n.ctx,o),s=function({properties:n,options:t},e,o,a){const{x:i,x2:r,width:s}=n;return Be({start:i,end:r,size:s,borderWidth:t.borderWidth},{position:o.x,padding:{start:a.left,end:a.right},adjust:t.label.xAdjust,size:e.width})}({properties:t,options:e},r,a,i),l=function({properties:n,options:t},e,o,a){const{y:i,y2:r,height:s}=n;return Be({start:i,end:r,size:s,borderWidth:t.borderWidth},{position:o.y,padding:{start:a.top,end:a.bottom},adjust:t.label.yAdjust,size:e.height})}({properties:t,options:e},r,a,i),c=r.width+i.width,d=r.height+i.height;return{x:s,y:l,x2:s+c,y2:l+d,width:c,height:d,centerX:s+c/2,centerY:l+d/2,rotation:o.rotation}}function $e(n,t,e){const o=Math.cos(e),a=Math.sin(e),i=t.x,r=t.y;return{x:i+o*(n.x-i)-a*(n.y-r),y:r+a*(n.x-i)+o*(n.y-r)}}const Xe=["enter","leave"],He=Xe.concat("click");function Je(n,t,e){if(n.listened)switch(t.type){case"mousemove":case"mouseout":return function(n,t,e){if(!n.moveListened)return;let o;o="mousemove"===t.type?ae(n.visibleElements,t,e.interaction):[];const a=n.hovered;n.hovered=o;const i={state:n,event:t};let r=qe(i,"leave",a,o);return qe(i,"enter",o,a)||r}(n,t,e);case"click":return function(n,t,e){const o=n.listeners,a=ae(n.visibleElements,t,e.interaction);let i;for(const n of a)i=Ge(n.options.click||o.click,n,t)||i;return i}(n,t,e)}}function qe({state:n,event:t},e,o,a){let i;for(const r of o)a.indexOf(r)<0&&(i=Ge(r.options[e]||n.listeners[e],r,t)||i);return i}function Ge(n,t,e){return!0===Object(ee.r)(n,[t.$context,e])}const Ke=["afterDraw","beforeDraw"];function Ze(n,t,e){if(n.hooked){const o=t.options[e]||n.hooks[e];return Object(ee.r)(o,[t.$context])}}function Qe(n,t,e){const o=function(n,t,e){const o=t.axis,a=t.id,i=o+"ScaleID",r={min:Object(ee.ac)(t.min,Number.NEGATIVE_INFINITY),max:Object(ee.ac)(t.max,Number.POSITIVE_INFINITY)};for(const s of e)s.scaleID===a?oo(s,t,["value","endValue"],r):Le(n,s,i)===a&&oo(s,t,[o+"Min",o+"Max",o+"Value"],r);return r}(n.scales,t,e);let a=no(t,o,"min","suggestedMin");a=no(t,o,"max","suggestedMax")||a,a&&Object(ee.K)(t.handleTickRangeOptions)&&t.handleTickRangeOptions()}function no(n,t,e,o){if(Object(ee.Lb)(t[e])&&!function(n,t,e){return Object(ee.Mb)(n[t])||Object(ee.Mb)(n[e])}(n.options,e,o)){const o=n[e]!==t[e];return n[e]=t[e],o}}function to(n,t){for(const e of["scaleID","xScaleID","yScaleID"]){const o=Le(t,n,e);o&&!t[o]&&eo(n,e)&&console.warn(`No scale found with id '${o}' for annotation '${n.id}'`)}}function eo(n,t){if("scaleID"===t)return!0;const e=t.charAt(0);for(const t of["Min","Max","Value"])if(Object(ee.Mb)(n[e+t]))return!0;return!1}function oo(n,t,e,o){for(const a of e){const e=n[a];if(Object(ee.Mb)(e)){const n=t.parse(e);o.min=Math.min(o.min,n),o.max=Math.max(o.max,n)}}}class ao extends Qt.c{inRange(n,t,e,o){const{x:a,y:i}=$e({x:n,y:t},this.getCenterPoint(o),Object(ee.Yb)(-this.options.rotation));return de({x:a,y:i},this.getProps(["x","y","x2","y2"],o),e,this.options)}getCenterPoint(n){return ue(this,n)}draw(n){n.save(),Se(n,this.getCenterPoint(),this.options.rotation),Pe(n,this,this.options),n.restore()}get label(){return this.elements&&this.elements[0]}resolveElementProperties(n,t){return We(n,t)}}ao.id="boxAnnotation",ao.defaults={adjustScaleRange:!0,backgroundShadowColor:"transparent",borderCapStyle:"butt",borderDash:[],borderDashOffset:0,borderJoinStyle:"miter",borderRadius:0,borderShadowColor:"transparent",borderWidth:1,display:!0,init:void 0,hitTolerance:0,label:{backgroundColor:"transparent",borderWidth:0,callout:{display:!1},color:"black",content:null,display:!1,drawTime:void 0,font:{family:void 0,lineHeight:void 0,size:void 0,style:void 0,weight:"bold"},height:void 0,hitTolerance:void 0,opacity:void 0,padding:6,position:"center",rotation:void 0,textAlign:"start",textStrokeColor:void 0,textStrokeWidth:0,width:void 0,xAdjust:0,yAdjust:0,z:void 0},rotation:0,shadowBlur:0,shadowOffsetX:0,shadowOffsetY:0,xMax:void 0,xMin:void 0,xScaleID:void 0,yMax:void 0,yMin:void 0,yScaleID:void 0,z:0},ao.defaultRoutes={borderColor:"color",backgroundColor:"color"},ao.descriptors={label:{_fallback:!0}};const io=["left","bottom","top","right"];class ro extends Qt.c{inRange(n,t,e,o){const{x:a,y:i}=$e({x:n,y:t},this.getCenterPoint(o),Object(ee.Yb)(-this.rotation));return de({x:a,y:i},this.getProps(["x","y","x2","y2"],o),e,this.options)}getCenterPoint(n){return ue(this,n)}draw(n){const t=this.options,e=!Object(ee.Mb)(this._visible)||this._visible;t.display&&t.content&&e&&(n.save(),Se(n,this.getCenterPoint(),this.rotation),function(n,t){const{pointX:e,pointY:o,options:a}=t,i=a.callout,r=i&&i.display&&function(n,t){const e=t.position;if(io.includes(e))return e;return function(n,t){const{x:e,y:o,x2:a,y2:i,width:r,height:s,pointX:l,pointY:c,centerX:d,centerY:u,rotation:h}=n,f={x:d,y:u},p=t.start,b=me(r,p),v=me(s,p),g=[e,e+b,e+b,a],m=[o+v,i,o,i],y=[];for(let n=0;n<4;n++){const t=$e({x:g[n],y:m[n]},f,Object(ee.Yb)(h));y.push({position:io[n],distance:Object(ee.R)(t,{x:l,y:c})})}return y.sort((n,t)=>n.distance-t.distance)[0].position}(n,t)}(t,i);if(!r||function(n,t,e){const{pointX:o,pointY:a}=n,i=t.margin;let r=o,s=a;"left"===e?r+=i:"right"===e?r-=i:"top"===e?s+=i:"bottom"===e&&(s-=i);return n.inRange(r,s)}(t,i,r))return;n.save(),n.beginPath();if(!De(n,i))return n.restore();const{separatorStart:s,separatorEnd:l}=function(n,t){const{x:e,y:o,x2:a,y2:i}=n,r=function(n,t){const{width:e,height:o,options:a}=n,i=a.callout.margin+a.borderWidth/2;if("right"===t)return e+i;if("bottom"===t)return o+i;return-i}(n,t);let s,l;"left"===t||"right"===t?(s={x:e+r,y:o},l={x:s.x,y:i}):(s={x:e,y:o+r},l={x:a,y:s.y});return{separatorStart:s,separatorEnd:l}}(t,r),{sideStart:c,sideEnd:d}=function(n,t,e){const{y:o,width:a,height:i,options:r}=n,s=r.callout.start,l=function(n,t){const e=t.side;if("left"===n||"top"===n)return-e;return e}(t,r.callout);let c,d;"left"===t||"right"===t?(c={x:e.x,y:o+me(i,s)},d={x:c.x+l,y:c.y}):(c={x:e.x+me(a,s),y:e.y},d={x:c.x,y:c.y+l});return{sideStart:c,sideEnd:d}}(t,r,s);(i.margin>0||0===a.borderWidth)&&(n.moveTo(s.x,s.y),n.lineTo(l.x,l.y));n.moveTo(c.x,c.y),n.lineTo(d.x,d.y);const u=$e({x:e,y:o},t.getCenterPoint(),Object(ee.Yb)(-t.rotation));n.lineTo(u.x,u.y),n.stroke(),n.restore()}(n,this),Pe(n,this,t),je(n,function({x:n,y:t,width:e,height:o,options:a}){const i=a.borderWidth/2,r=Object(ee.f)(a.padding);return{x:n+r.left+i,y:t+r.top+i,width:e-r.left-r.right-a.borderWidth,height:o-r.top-r.bottom-a.borderWidth}}(this),t),n.restore())}resolveElementProperties(n,t){let e;if(xe(t))e=Re(n,t);else{const{centerX:o,centerY:a}=Ve(n,t);e={x:o,y:a}}const o=Object(ee.f)(t.padding),a=function(n,t,e,o){const a=t.width+o.width+e.borderWidth,i=t.height+o.height+e.borderWidth,r=ye(e.position,"center"),s=so(n.x,a,e.xAdjust,r.x),l=so(n.y,i,e.yAdjust,r.y);return{x:s,y:l,x2:s+a,y2:l+i,width:a,height:i,centerX:s+a/2,centerY:l+i/2}}(e,Me(n.ctx,t),t,o);return{initProperties:we(n,a,t),pointX:e.x,pointY:e.y,...a,rotation:t.rotation}}}function so(n,t,e=0,o){return n-ge(t,o)+e}ro.id="labelAnnotation",ro.defaults={adjustScaleRange:!0,backgroundColor:"transparent",backgroundShadowColor:"transparent",borderCapStyle:"butt",borderDash:[],borderDashOffset:0,borderJoinStyle:"miter",borderRadius:0,borderShadowColor:"transparent",borderWidth:0,callout:{borderCapStyle:"butt",borderColor:void 0,borderDash:[],borderDashOffset:0,borderJoinStyle:"miter",borderWidth:1,display:!1,margin:5,position:"auto",side:5,start:"50%"},color:"black",content:null,display:!0,font:{family:void 0,lineHeight:void 0,size:void 0,style:void 0,weight:void 0},height:void 0,hitTolerance:0,init:void 0,opacity:void 0,padding:6,position:"center",rotation:0,shadowBlur:0,shadowOffsetX:0,shadowOffsetY:0,textAlign:"center",textStrokeColor:void 0,textStrokeWidth:0,width:void 0,xAdjust:0,xMax:void 0,xMin:void 0,xScaleID:void 0,xValue:void 0,yAdjust:0,yMax:void 0,yMin:void 0,yScaleID:void 0,yValue:void 0,z:0},ro.defaultRoutes={borderColor:"color"};const lo=(n,t,e)=>({x:n.x+e*(t.x-n.x),y:n.y+e*(t.y-n.y)}),co=(n,t,e)=>lo(t,e,Math.abs((n-t.y)/(e.y-t.y))).x,uo=(n,t,e)=>lo(t,e,Math.abs((n-t.x)/(e.x-t.x))).y,ho=n=>n*n,fo=(n,t,e,o)=>(1-o)*(1-o)*n+2*(1-o)*o*t+o*o*e,po=(n,t,e,o)=>({x:fo(n.x,t.x,e.x,o),y:fo(n.y,t.y,e.y,o)}),bo=(n,t,e,o)=>2*(1-o)*(t-n)+2*o*(e-t),vo=(n,t,e,o)=>-Math.atan2(bo(n.x,t.x,e.x,o),bo(n.y,t.y,e.y,o))+.5*ee.q;class go extends Qt.c{inRange(n,t,e,o){const a=(this.options.borderWidth+this.options.hitTolerance)/2;if("x"!==e&&"y"!==e){const e={mouseX:n,mouseY:t},{path:i,ctx:r}=this;if(i){De(r,this.options),r.lineWidth+=this.options.hitTolerance;const{chart:a}=this.$context,s=n*a.currentDevicePixelRatio,l=t*a.currentDevicePixelRatio,c=r.isPointInStroke(i,s,l)||xo(this,e,o);return r.restore(),c}return function(n,{mouseX:t,mouseY:e},o=.001,a){const{x:i,y:r,x2:s,y2:l}=n.getProps(["x","y","x2","y2"],a),c=s-i,d=l-r,u=ho(c)+ho(d),h=0===u?-1:((t-i)*c+(e-r)*d)/u;let f,p;h<0?(f=i,p=r):h>1?(f=s,p=l):(f=i+h*c,p=r+h*d);return ho(t-f)+ho(e-p)<=o}(this,e,ho(a),o)||xo(this,e,o)}return function(n,{mouseX:t,mouseY:e},o,{hitSize:a,useFinalPosition:i}){const r=((n,t,{x:e,y:o,x2:a,y2:i},r)=>"y"===r?{start:Math.min(o,i),end:Math.max(o,i),value:t}:{start:Math.min(e,a),end:Math.max(e,a),value:n})(t,e,n.getProps(["x","y","x2","y2"],i),o);return le(r,a)||xo(n,{mouseX:t,mouseY:e},i,o)}(this,{mouseX:n,mouseY:t},e,{hitSize:a,useFinalPosition:o})}getCenterPoint(n){return ue(this,n)}draw(n){const{x:t,y:e,x2:o,y2:a,cp:i,options:r}=this;if(n.save(),!De(n,r))return n.restore();Ae(n,r);const s=Math.sqrt(Math.pow(o-t,2)+Math.pow(a-e,2));if(r.curve&&i)return function(n,t,e,o){const{x:a,y:i,x2:r,y2:s,options:l}=t,{startOpts:c,endOpts:d,startAdjust:u,endAdjust:h}=Co(t),f={x:a,y:i},p={x:r,y:s},b=vo(f,e,p,0),v=vo(f,e,p,1)-ee.q,g=po(f,e,p,u/o),m=po(f,e,p,1-h/o),y=new Path2D;n.beginPath(),y.moveTo(g.x,g.y),y.quadraticCurveTo(e.x,e.y,m.x,m.y),n.shadowColor=l.borderShadowColor,n.stroke(y),t.path=y,t.ctx=n,So(n,g,{angle:b,adjust:u},c),So(n,m,{angle:v,adjust:h},d)}(n,this,i,s),n.restore();const{startOpts:l,endOpts:c,startAdjust:d,endAdjust:u}=Co(this),h=Math.atan2(a-e,o-t);n.translate(t,e),n.rotate(h),n.beginPath(),n.moveTo(0+d,0),n.lineTo(s-u,0),n.shadowColor=r.borderShadowColor,n.stroke(),_o(n,0,d,l),_o(n,s,-u,c),n.restore()}get label(){return this.elements&&this.elements[0]}resolveElementProperties(n,t){const e=ze(n,t),{x:o,y:a,x2:i,y2:r}=e,s=function({x:n,y:t,x2:e,y2:o},{top:a,right:i,bottom:r,left:s}){return!(ni&&e>i||tr&&o>r)}(e,n.chartArea),l=s?function(n,t,e){const{x:o,y:a}=yo(n,t,e),{x:i,y:r}=yo(t,n,e);return{x:o,y:a,x2:i,y2:r,width:Math.abs(i-o),height:Math.abs(r-a)}}({x:o,y:a},{x:i,y:r},n.chartArea):{x:o,y:a,x2:i,y2:r,width:Math.abs(i-o),height:Math.abs(r-a)};if(l.centerX=(i+o)/2,l.centerY=(r+a)/2,l.initProperties=we(n,l,t),t.curve){const n={x:l.x,y:l.y},e={x:l.x2,y:l.y2};l.cp=function(n,t,e){const{x:o,y:a,x2:i,y2:r,centerX:s,centerY:l}=n,c=Math.atan2(r-a,i-o),d=ye(t.controlPoint,0);return $e({x:s+me(e,d.x,!1),y:l+me(e,d.y,!1)},{x:s,y:l},c)}(l,t,Object(ee.R)(n,e))}const c=function(n,t,e){const o=e.borderWidth,a=Object(ee.f)(e.padding),i=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=uo(a,{x:n,y:t},e),n=a),ti&&(n=co(i,{x:n,y:t},e),t=i),{x:n,y:t}}function xo(n,{mouseX:t,mouseY:e},o,a){const i=n.label;return i.options.display&&i.inRange(t,e,a,o)}function wo(n,t,e,o){const{labelSize:a,padding:i}=t,r=n.w*o.dx,s=n.h*o.dy,l=r>0&&(a.w/2+i.left-o.x)/r,c=s>0&&(a.h/2+i.top-o.y)/s;return se(Math.max(l,c),0,.25)}function Oo(n,t){const{size:e,min:o,max:a,padding:i}=t,r=e/2;return e>a-o?(a+o)/2:(o>=n-i-r&&(n=o+i+r),a<=n+i+r&&(n=a-i-r),n)}function Co(n){const t=n.options,e=t.arrowHeads&&t.arrowHeads.start,o=t.arrowHeads&&t.arrowHeads.end;return{startOpts:e,endOpts:o,startAdjust:ko(n,e),endAdjust:ko(n,o)}}function ko(n,t){if(!t||!t.display)return 0;const{length:e,width:o}=t,a=n.options.borderWidth/2,i={x:e,y:o+a},r={x:0,y:a};return Math.abs(co(0,i,r))}function _o(n,t,e,o){if(!o||!o.display)return;const{length:a,width:i,fill:r,backgroundColor:s,borderColor:l}=o,c=Math.abs(t-a)+e;n.beginPath(),Ae(n,o),De(n,o),n.moveTo(c,-i),n.lineTo(t+e,0),n.lineTo(c,i),!0===r?(n.fillStyle=s||l,n.closePath(),n.fill(),n.shadowColor="transparent"):n.shadowColor=o.borderShadowColor,n.stroke()}function So(n,{x:t,y:e},{angle:o,adjust:a},i){i&&i.display&&(n.save(),n.translate(t,e),n.rotate(o),_o(n,0,-a,i),n.restore())}go.defaults={adjustScaleRange:!0,arrowHeads:{display:!1,end:Object.assign({},mo),fill:!1,length:12,start:Object.assign({},mo),width:6},borderDash:[],borderDashOffset:0,borderShadowColor:"transparent",borderWidth:2,curve:!1,controlPoint:{y:"-50%"},display:!0,endValue:void 0,init:void 0,hitTolerance:0,label:{backgroundColor:"rgba(0,0,0,0.8)",backgroundShadowColor:"transparent",borderCapStyle:"butt",borderColor:"black",borderDash:[],borderDashOffset:0,borderJoinStyle:"miter",borderRadius:6,borderShadowColor:"transparent",borderWidth:0,callout:Object.assign({},ro.defaults.callout),color:"#fff",content:null,display:!1,drawTime:void 0,font:{family:void 0,lineHeight:void 0,size:void 0,style:void 0,weight:"bold"},height:void 0,hitTolerance:void 0,opacity:void 0,padding:6,position:"center",rotation:0,shadowBlur:0,shadowOffsetX:0,shadowOffsetY:0,textAlign:"center",textStrokeColor:void 0,textStrokeWidth:0,width:void 0,xAdjust:0,yAdjust:0,z:void 0},scaleID:void 0,shadowBlur:0,shadowOffsetX:0,shadowOffsetY:0,value:void 0,xMax:void 0,xMin:void 0,xScaleID:void 0,yMax:void 0,yMin:void 0,yScaleID:void 0,z:0},go.descriptors={arrowHeads:{start:{_fallback:!0},end:{_fallback:!0},_fallback:!0}},go.defaultRoutes={borderColor:"color"};class Do extends Qt.c{inRange(n,t,e,o){const a=this.options.rotation,i=(this.options.borderWidth+this.options.hitTolerance)/2;if("x"!==e&&"y"!==e)return function(n,t,e,o){const{width:a,height:i,centerX:r,centerY:s}=t,l=a/2,c=i/2;if(l<=0||c<=0)return!1;const d=Object(ee.Yb)(e||0),u=Math.cos(d),h=Math.sin(d),f=Math.pow(u*(n.x-r)+h*(n.y-s),2),p=Math.pow(h*(n.x-r)-u*(n.y-s),2);return f/Math.pow(l+o,2)+p/Math.pow(c+o,2)<=1.0001}({x:n,y:t},this.getProps(["width","height","centerX","centerY"],o),a,i);const{x:r,y:s,x2:l,y2:c}=this.getProps(["x","y","x2","y2"],o),d="y"===e?{start:s,end:c}:{start:r,end:l},u=$e({x:n,y:t},this.getCenterPoint(o),Object(ee.Yb)(-a));return u[e]>=d.start-i-.001&&u[e]<=d.end+i+.001}getCenterPoint(n){return ue(this,n)}draw(n){const{width:t,height:e,centerX:o,centerY:a,options:i}=this;n.save(),Se(n,this.getCenterPoint(),i.rotation),Ae(n,this.options),n.beginPath(),n.fillStyle=i.backgroundColor;const r=De(n,i);n.ellipse(o,a,e/2,t/2,ee.q/2,0,2*ee.q),n.fill(),r&&(n.shadowColor=i.borderShadowColor,n.stroke()),n.restore()}get label(){return this.elements&&this.elements[0]}resolveElementProperties(n,t){return We(n,t)}}Do.id="ellipseAnnotation",Do.defaults={adjustScaleRange:!0,backgroundShadowColor:"transparent",borderDash:[],borderDashOffset:0,borderShadowColor:"transparent",borderWidth:1,display:!0,hitTolerance:0,init:void 0,label:Object.assign({},ao.defaults.label),rotation:0,shadowBlur:0,shadowOffsetX:0,shadowOffsetY:0,xMax:void 0,xMin:void 0,xScaleID:void 0,yMax:void 0,yMin:void 0,yScaleID:void 0,z:0},Do.defaultRoutes={borderColor:"color",backgroundColor:"color"},Do.descriptors={label:{_fallback:!0}};class Ao extends Qt.c{inRange(n,t,e,o){const{x:a,y:i,x2:r,y2:s,width:l}=this.getProps(["x","y","x2","y2","width"],o),c=(this.options.borderWidth+this.options.hitTolerance)/2;if("x"!==e&&"y"!==e)return function(n,t,e,o){return!(!n||!t||e<=0)&&Math.pow(n.x-t.x,2)+Math.pow(n.y-t.y,2)<=Math.pow(e+o,2)}({x:n,y:t},this.getCenterPoint(o),l/2,c);return le("y"===e?{start:i,end:s,value:t}:{start:a,end:r,value:n},c)}getCenterPoint(n){return ue(this,n)}draw(n){const t=this.options,e=t.borderWidth;if(t.radius<.1)return;n.save(),n.fillStyle=t.backgroundColor,Ae(n,t);const o=De(n,t);Te(n,this,this.centerX,this.centerY),o&&!_e(t.pointStyle)&&(n.shadowColor=t.borderShadowColor,n.stroke()),n.restore(),t.borderWidth=e}resolveElementProperties(n,t){const e=Ue(n,t);return e.initProperties=we(n,e,t),e}}Ao.id="pointAnnotation",Ao.defaults={adjustScaleRange:!0,backgroundShadowColor:"transparent",borderDash:[],borderDashOffset:0,borderShadowColor:"transparent",borderWidth:1,display:!0,hitTolerance:0,init:void 0,pointStyle:"circle",radius:10,rotation:0,shadowBlur:0,shadowOffsetX:0,shadowOffsetY:0,xAdjust:0,xMax:void 0,xMin:void 0,xScaleID:void 0,xValue:void 0,yAdjust:0,yMax:void 0,yMin:void 0,yScaleID:void 0,yValue:void 0,z:0},Ao.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 ue(this,n)}draw(n){const{elements:t,options:e}=this;n.save(),n.beginPath(),n.fillStyle=e.backgroundColor,Ae(n,e);const o=De(n,e);let a=!0;for(const e of t)a?(n.moveTo(e.x,e.y),a=!1):n.lineTo(e.x,e.y);n.closePath(),n.fill(),o&&(n.shadowColor=e.borderShadowColor,n.stroke()),n.restore()}resolveElementProperties(n,t){const e=Ue(n,t),{sides:o,rotation:a}=t,i=[],r=2*ee.q/o;let s=a*ee.Eb;for(let a=0;a{ee.Ib.describe("elements."+jo[n].id,{_fallback:"plugins.annotation.common"})});const To={update:Object.assign},Io=He.concat(Ke),Eo=(n,t)=>Object(ee.Nb)(t)?Fo(n,t):n,Lo=n=>"color"===n||"font"===n;function No(n="line"){return jo[n]?n:(console.warn(`Unknown annotation type: '${n}', defaulting to 'line'`),"line")}function Ro(n,t,e,o){const a=function(n,t,e){if("reset"===e||"none"===e||"resize"===e)return To;return new Qt.a(n,t)}(n,e.animations,o),i=t.annotations,r=function(n,t){const e=t.length,o=n.length;if(oe&&n.splice(e,o-e);return n}(t.elements,i);for(let t=0;tEo(n,a)):e[o]=Eo(i,a)}return e}function Bo(n,t,e,o){return t.$context||(t.$context=Object.assign(Object.create(n.getContext()),{element:t,get elements(){return e.filter(n=>n&&n.options)},id:o.id,type:"annotation"}))}const Yo=new Map,$o=He.concat(Ke);var Xo={id:"annotation",version:"3.0.1",beforeRegister(){!function(n,t,e,o=!0){const a=e.split(".");let i=0;for(const r of t.split(".")){const s=a[i++];if(parseInt(r,10){const t=a[n];Object(ee.Nb)(t)&&(t.id=n,o.push(t))}):Object(ee.Db)(a)&&o.push(...a),function(n,t){for(const e of n)to(e,t)}(o,n.scales)},afterDataLimits(n,t){const e=Yo.get(n);Qe(n,t.scale,e.annotations.filter(n=>n.display&&n.adjustScaleRange))},afterUpdate(n,t,e){const o=Yo.get(n);!function(n,t,e){t.listened=Oe(e,He,t.listeners),t.moveListened=!1,Xe.forEach(n=>{Object(ee.K)(e[n])&&(t.moveListened=!0)}),t.listened&&t.moveListened||t.annotations.forEach(n=>{!t.listened&&Object(ee.K)(n.click)&&(t.listened=!0),t.moveListened||Xe.forEach(e=>{Object(ee.K)(n[e])&&(t.listened=!0,t.moveListened=!0)})})}(0,o,e),Ro(n,o,e,t.mode),o.visibleElements=o.elements.filter(n=>!n.skip&&n.options.display),function(n,t,e){const o=t.visibleElements;t.hooked=Oe(e,Ke,t.hooks),t.hooked||o.forEach(n=>{t.hooked||Ke.forEach(e=>{Object(ee.K)(n.options[e])&&(t.hooked=!0)})})}(0,o,e)},beforeDatasetsDraw(n,t,e){Ho(n,"beforeDatasetsDraw",e.clip)},afterDatasetsDraw(n,t,e){Ho(n,"afterDatasetsDraw",e.clip)},beforeDraw(n,t,e){Ho(n,"beforeDraw",e.clip)},afterDraw(n,t,e){Ho(n,"afterDraw",e.clip)},beforeEvent(n,t,e){Je(Yo.get(n),t.event,e)&&(t.changed=!0)},afterDestroy(n){Yo.delete(n)},getAnnotations(n){const t=Yo.get(n);return t?t.elements:[]},_getAnnotationElementsAtEventForMode:(n,t,e)=>ae(n,t,e),defaults:{animations:{numbers:{properties:["x","y","x2","y2","width","height","centerX","centerY","pointX","pointY","radius"],type:"number"}},clip:!0,interaction:{mode:void 0,axis:void 0,intersect:void 0},common:{drawTime:"afterDatasetsDraw",init:!1,label:{}}},descriptors:{_indexable:!1,_scriptable:n=>!$o.includes(n)&&"init"!==n,annotations:{_allKeys:!1,_fallback:(n,t)=>"elements."+jo[No(t.type)].id},interaction:{_fallback:!0},common:{label:{_indexable:Lo,_fallback:!0},_indexable:Lo}},additionalOptionScopes:[""]};function Ho(n,t,e){const{ctx:o,chartArea:a}=n,i=Yo.get(n);e&&Object(ee.z)(o,a);const r=function(n,t){const e=[];for(const o of n)if(o.options.drawTime===t&&e.push({element:o,main:!0}),o.elements&&o.elements.length)for(const n of o.elements)n.options.display&&n.options.drawTime===t&&e.push({element:n});return e}(i.visibleElements,t).sort((n,t)=>n.element.options.z-t.element.options.z);for(const n of r)Jo(o,a,i,n);e&&Object(ee.a)(o)}function Jo(n,t,e,o){const a=o.element;o.main?(Ze(e,a,"beforeDraw"),a.draw(n,t),Ze(e,a,"afterDraw")):a.draw(n,t)}te.register(Xo),te.register({id:"version",afterDraw(n){const t=n.ctx;t.save(),t.font="9px monospace",t.fillStyle="rgba(0, 0, 0, 0.5)",t.textAlign="right",t.textBaseline="top",t.fillText("Chart.js v"+te.version+" + chartjs-plugin-annotation v"+Xo.version,n.chartArea.right,0),t.restore()}}),ee.Ib.set({elements:{line:{tension:.4}},plugins:{legend:!1}});let qo=Date.now();function Go(n){qo=n}function Ko(n,t){return n=Object(ee.ac)(n,0),t=Object(ee.ac)(t,0),qo=(9301*qo+49297)%233280,n+qo/233280*(t-n)}function Zo(n){var t,e,o=n||{},a=Object(ee.ac)(o.min,0),i=Object(ee.ac)(o.max,100),r=Object(ee.ac)(o.from,[]),s=Object(ee.ac)(o.count,8),l=Object(ee.ac)(o.decimals,8),c=Object(ee.ac)(o.continuity,1),d=Math.pow(10,l)||0,u=[];for(t=0;t({x:n,y:e[t]}))}function na(){const n=new Image;return n.src="https://www.chartjs.org/chartjs-plugin-annotation/latest/favicon.png",n}let ta=null;function ea(){if(ta)return ta;const n=document.createElement("canvas");return n.width=100,n.height=100,n.style.visibility="hidden",document.body.appendChild(n),ta=function(n){return new Qt.b(n,{type:"pie",data:{labels:["Bought","Sold","Rented"],datasets:[{data:[42,33,25],backgroundColor:["#3366cc","#dc3912","#ff9900"]}]},options:{responsive:!1,animation:!1,plugins:{version:!1,legend:!1,title:!1,subtitle:!1}}})}(n),ta}function oa(){const n=document.createElement("canvas");n.width=150,n.height=150;const t=n.width/2,e=n.height/2,o=n.getContext("2d");o.moveTo(t,e),o.beginPath();for(let n=0;n<720;n++){const e=.1*n,a=t+e*Math.cos(e),i=t+e*Math.sin(e);o.lineTo(a,i)}return o.strokeStyle="#666",o.stroke(),n}function aa(){const n=document.createElement("canvas");n.width=230,n.height=210;const t=n.getContext("2d");return t.fillStyle="#666",t.strokeStyle="#666",t.lineWidth=10,t.strokeRect(40,90,150,110),t.fillRect(95,140,40,60),t.beginPath(),t.moveTo(15,90),t.lineTo(115,10),t.lineTo(215,90),t.closePath(),t.stroke(),n}const ia={Register:o,Defaults:a,Utils:i};r.a.mixin({created(){this.$chart=this.$chart||{},this.$chart.imports=ia}});var ra=e(55);const sa={redirectors:[{base:"/samples",alternative:["intro"]}]};var la=[{},{},({Vue:n})=>{n.mixin({computed:{$dataBlock(){return this.$options.__data__block__}}})},{},{},{},({router:n,siteData:t})=>{const{routes:e=[]}=n.options,{redirectors:o=[]}=sa;function a(n){return e.some(t=>t.path.toLowerCase()===n.toLowerCase())}function i(n){if(a(n))return n;if(!/\/$/.test(n)){const t=n+"/";if(a(t))return t}if(!/\.html$/.test(n)){const t=n.replace(/\/$/,"")+".html";if(a(t))return t}return null}if(sa.locales&&t.locales){const n=t.locales,e=Object.keys(n),a=e.map(t=>({key:t.replace(/^\/|\/$/,""),lang:n[t].lang}));"object"!=typeof sa.locales&&(sa.locales={});const{fallback:i,storage:r=!0}=sa.locales;i&&e.unshift(i),o.unshift({storage:r,base:"/",alternative(){if("undefined"!=typeof window&&window.navigator){const n=window.navigator.languages||[window.navigator.language],t=a.find(({lang:t})=>n.includes(t));if(t)return t.key}return e}})}const r=o.map(({base:n="/",storage:t=!1,alternative:e})=>{let o=!1;if(t)if("object"!=typeof t){const e="string"!=typeof t?"vuepress:redirect:"+n:t;o={get:()=>"undefined"==typeof localStorage?null:localStorage.getItem(e),set(n){"undefined"!=typeof localStorage&&localStorage.setItem(e,n)}}}else t.get&&t.set&&(o=t);return{base:n,storage:o,alternative:e}});n.beforeEach((n,t,e)=>{if(i(n.path))return e();let o;for(const t of r){const{base:e="/",storage:a=!1}=t;let{alternative:r}=t;if(!n.path.startsWith(e))continue;const s=n.path.slice(e.length)||"/";if(a){const n=a.get(t);if(n){const t=i(Object(ra.join)(e,n,s));if(t){o=t;break}}}if("function"==typeof r&&(r=r(s)),r){"string"==typeof r&&(r=[r]);for(const n of r){const t=i(Object(ra.join)(e,n,s));if(t){o=t;break}}if(o)break}}e(o)}),n.afterEach(n=>{if(a(n.path))for(const t of r){const{base:e,storage:o}=t;if(!o||!n.path.startsWith(e))continue;const a=n.path.slice(e.length).split("/")[0];a&&o.set(a,t)}})},({siteData:n,options:t})=>{n.themeConfig.sidebarDepth=0,n.themeConfig.sidebar=Object.assign({},n.themeConfig.sidebar,{"/api/":[{title:"API",children:[["/api/","Exports"],{title:"Interfaces",children:[["interfaces/AnnotationBoxModel","AnnotationBoxModel"],["interfaces/AnnotationElement","AnnotationElement"],["interfaces/AnnotationEvents","AnnotationEvents"],["interfaces/AnnotationHooks","AnnotationHooks"],["interfaces/AnnotationPluginOptions","AnnotationPluginOptions"],["interfaces/AnnotationPointCoordinates","AnnotationPointCoordinates"],["interfaces/AnnotationTypeRegistry","AnnotationTypeRegistry"],["interfaces/ArrowHeadOptions","ArrowHeadOptions"],["interfaces/ArrowHeadsOptions","ArrowHeadsOptions"],["interfaces/BoxAnnotationOptions","BoxAnnotationOptions"],["interfaces/BoxLabelOptions","BoxLabelOptions"],["interfaces/CalloutOptions","CalloutOptions"],["interfaces/ContainedLabelOptions","ContainedLabelOptions"],["interfaces/ControlPointOptions","ControlPointOptions"],["interfaces/CoreAnnotationOptions","CoreAnnotationOptions"],["interfaces/CoreLabelOptions","CoreLabelOptions"],["interfaces/EllipseAnnotationOptions","EllipseAnnotationOptions"],["interfaces/EventContext","EventContext"],["interfaces/LabelAnnotationOptions","LabelAnnotationOptions"],["interfaces/LabelOptions","LabelOptions"],["interfaces/LabelPadding","LabelPadding"],["interfaces/LabelPositionObject","LabelPositionObject"],["interfaces/LabelTypeOptions","LabelTypeOptions"],["interfaces/LineAnnotationOptions","LineAnnotationOptions"],["interfaces/PartialEventContext","PartialEventContext"],["interfaces/PointAnnotationOptions","PointAnnotationOptions"],["interfaces/PolygonAnnotationOptions","PolygonAnnotationOptions"],["interfaces/ShadowOptions","ShadowOptions"]]}],initialOpenGroupIndex:-1,collapsable:!1}]})}],ca=[];class da extends class{constructor(){this.store=new r.a({data:{state:{}}})}$get(n){return this.store.state[n]}$set(n,t){r.a.set(this.store.state,n,t)}$emit(...n){this.store.$emit(...n)}$on(...n){this.store.$on(...n)}}{}Object.assign(da.prototype,{getPageAsyncComponent:ht,getLayoutAsyncComponent:ft,getAsyncComponent:pt,getVueComponent:bt});var ua={install(n){const t=new da;n.$vuepress=t,n.prototype.$vuepress=t}};function ha(n,t){const e=t.toLowerCase();return n.options.routes.some(n=>n.path.toLowerCase()===e)}var fa={props:{pageKey:String,slotKey:{type:String,default:"default"}},render(n){const t=this.pageKey||this.$parent.$page.key;return gt("pageKey",t),r.a.component(t)||r.a.component(t,ht(t)),r.a.component(t)?n(t):n("")}},pa={functional:!0,props:{slotKey:String,required:!0},render:(n,{props:t,slots:e})=>n("div",{class:["content__"+t.slotKey]},e()[t.slotKey])},ba={computed:{openInNewWindowTitle(){return this.$themeLocaleConfig.openNewWindowText||"(opens new window)"}}},va=(e(258),e(259),Object(zt.a)(ba,(function(){var n=this._self._c;return n("span",[n("svg",{staticClass:"icon outbound",attrs:{xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",focusable:"false",x:"0px",y:"0px",viewBox:"0 0 100 100",width:"15",height:"15"}},[n("path",{attrs:{fill:"currentColor",d:"M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"}}),this._v(" "),n("polygon",{attrs:{fill:"currentColor",points:"45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"}})]),this._v(" "),n("span",{staticClass:"sr-only"},[this._v(this._s(this.openInNewWindowTitle))])])}),[],!1,null,null,null).exports),ga={functional:!0,render(n,{parent:t,children:e}){if(t._isMounted)return e;t.$once("hook:mounted",()=>{t.$forceUpdate()})}};r.a.config.productionTip=!1,r.a.use(Gn),r.a.use(ua),r.a.mixin(function(n,t,e=r.a){!function(n){n.locales&&Object.keys(n.locales).forEach(t=>{n.locales[t].path=t});Object.freeze(n)}(t),e.$vuepress.$set("siteData",t);const o=new(n(e.$vuepress.$get("siteData"))),a=Object.getOwnPropertyDescriptors(Object.getPrototypeOf(o)),i={};return Object.keys(a).reduce((n,t)=>(t.startsWith("$")&&(n[t]=a[t].get),n),i),{computed:i}}(n=>class{setPage(n){this.__page=n}get $site(){return n}get $themeConfig(){return this.$site.themeConfig}get $frontmatter(){return this.$page.frontmatter}get $localeConfig(){const{locales:n={}}=this.$site;let t,e;for(const o in n)"/"===o?e=n[o]:0===this.$page.path.indexOf(o)&&(t=n[o]);return t||e||{}}get $siteTitle(){return this.$localeConfig.title||this.$site.title||""}get $canonicalUrl(){const{canonicalUrl:n}=this.$page.frontmatter;return"string"==typeof n&&n}get $title(){const n=this.$page,{metaTitle:t}=this.$page.frontmatter;if("string"==typeof t)return t;const e=this.$siteTitle,o=n.frontmatter.home?null:n.frontmatter.title||n.title;return e?o?o+" | "+e:e:o||"VuePress"}get $description(){const n=function(n){if(n){const t=n.filter(n=>"description"===n.name)[0];if(t)return t.content}}(this.$page.frontmatter.meta);return n||(this.$page.frontmatter.description||this.$localeConfig.description||this.$site.description||"")}get $lang(){return this.$page.frontmatter.lang||this.$localeConfig.lang||"en-US"}get $localePath(){return this.$localeConfig.path||"/"}get $themeLocaleConfig(){return(this.$site.themeConfig.locales||{})[this.$localePath]||{}}get $page(){return this.__page?this.__page:function(n,t){for(let e=0;ee||(n.hash?!r.a.$vuepress.$get("disableScrollBehavior")&&{selector:decodeURIComponent(n.hash)}:{x:0,y:0})});!function(n){n.beforeEach((t,e,o)=>{if(ha(n,t.path))o();else if(/(\/|\.html)$/.test(t.path))if(/\/$/.test(t.path)){const e=t.path.replace(/\/$/,"")+".html";ha(n,e)?o(e):o()}else o();else{const e=t.path+"/",a=t.path+".html";ha(n,a)?o(a):ha(n,e)?o(e):o()}})}(e);const o={};try{await Promise.all(la.filter(n=>"function"==typeof n).map(t=>t({Vue:r.a,options:o,router:e,siteData:Kt,isServer:n})))}catch(n){console.error(n)}return{app:new r.a(Object.assign(o,{router:e,render:n=>n("div",{attrs:{id:"app"}},[n("RouterView",{ref:"layout"}),n("div",{class:"global-ui"},ca.map(t=>n(t)))])})),router:e}}(!1).then(({app:n,router:t})=>{t.onReady(()=>{n.$mount("#app")})})}]); \ No newline at end of file +const oe={modes:{point:(n,t)=>ie(n,t,{intersect:!0}),nearest:(n,t,e)=>function(n,t,e){let o=Number.POSITIVE_INFINITY;return ie(n,t,e).reduce((n,a)=>{const i=a.getCenterPoint(),r=function(n,t,e){if("x"===e)return{x:n.x,y:t.y};if("y"===e)return{x:t.x,y:n.y};return t}(t,i,e.axis),s=Object(ee.R)(t,r);return sn._index-t._index).slice(0,1)}(n,t,e),x:(n,t,e)=>ie(n,t,{intersect:e.intersect,axis:"x"}),y:(n,t,e)=>ie(n,t,{intersect:e.intersect,axis:"y"})}};function ae(n,t,e){return(oe.modes[e.mode]||oe.modes.nearest)(n,t,e)}function ie(n,t,e){return n.filter(n=>e.intersect?n.inRange(t.x,t.y):function(n,t,e){return"x"!==e&&"y"!==e?n.inRange(t.x,t.y,"x",!0)||n.inRange(t.x,t.y,"y",!0):n.inRange(t.x,t.y,e,!0)}(n,t,e.axis))}const re=(n,t)=>t>n||n.length>t.length&&n.slice(0,t.length)===t,se=(n,t,e)=>Math.min(e,Math.max(t,n)),le=(n,t)=>n.value>=n.start-t&&n.value<=n.end+t;function ce(n,t,e){for(const o of Object.keys(n))n[o]=se(n[o],t,e);return n}function de(n,{x:t,y:e,x2:o,y2:a},i,{borderWidth:r,hitTolerance:s}){const l=(r+s)/2,c=n.x>=t-l-.001&&n.x<=o+l+.001,d=n.y>=e-l-.001&&n.y<=a+l+.001;return"x"===i?c:("y"===i||c)&&d}function ue(n,t){const{centerX:e,centerY:o}=n.getProps(["centerX","centerY"],t);return{x:e,y:o}}const he=n=>"string"==typeof n&&n.endsWith("%"),fe=n=>parseFloat(n)/100,pe=n=>se(fe(n),0,1),be=(n,t)=>({x:n,y:t,x2:n,y2:t,width:0,height:0}),ve={box:n=>be(n.centerX,n.centerY),ellipse:n=>({centerX:n.centerX,centerY:n.centerX,radius:0,width:0,height:0}),label:n=>be(n.centerX,n.centerY),line:n=>be(n.x,n.y),point:n=>({centerX:n.centerX,centerY:n.centerY,radius:0,width:0,height:0}),polygon:n=>be(n.centerX,n.centerY)};function ge(n,t){return"start"===t?0:"end"===t?n:he(t)?pe(t)*n:n/2}function me(n,t,e=!0){return"number"==typeof t?t:he(t)?(e?pe(t):fe(t))*n:n}function ye(n,t="center"){return Object(ee.Nb)(n)?{x:Object(ee.ac)(n.x,t),y:Object(ee.ac)(n.y,t)}:{x:n=Object(ee.ac)(n,t),y:n}}function xe(n){return n&&(Object(ee.Mb)(n.xValue)||Object(ee.Mb)(n.yValue))}function we(n,t,e){const o=e.init;if(o)return!0===o?Ce(t,e):function(n,t,e){const o=Object(ee.r)(e.init,[{chart:n,properties:t,options:e}]);if(!0===o)return Ce(t,e);if(Object(ee.Nb)(o))return o}(n,t,e)}function Oe(n,t,e){let o=!1;return t.forEach(t=>{Object(ee.K)(n[t])?(o=!0,e[t]=n[t]):Object(ee.Mb)(e[t])&&delete e[t]}),o}function Ce(n,t){const e=t.type||"line";return ve[e](n)}const ke=new Map;function _e(n){if(n&&"object"==typeof n){const t=n.toString();return"[object HTMLImageElement]"===t||"[object HTMLCanvasElement]"===t}}function Se(n,{x:t,y:e},o){o&&(n.translate(t,e),n.rotate(Object(ee.Yb)(o)),n.translate(-t,-e))}function De(n,t){if(t&&t.borderWidth)return n.lineCap=t.borderCapStyle,n.setLineDash(t.borderDash),n.lineDashOffset=t.borderDashOffset,n.lineJoin=t.borderJoinStyle,n.lineWidth=t.borderWidth,n.strokeStyle=t.borderColor,!0}function Ae(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(_e(e))return{width:me(e.width,t.width),height:me(e.height,t.height)};const o=t.font,a=Object(ee.Db)(o)?o.map(n=>Object(ee.D)(n)):[Object(ee.D)(o)],i=t.textStrokeWidth,r=Object(ee.Db)(e)?e:[e],s=r.join()+(n=>n.reduce((function(n,t){return n+=t.string}),""))(a)+i+(n._measureText?"-spriting":"");return ke.has(s)||ke.set(s,function(n,t,e,o){n.save();const a=t.length;let i=0,r=o;for(let s=0;sObject(ee.D)(n)):[Object(ee.D)(i)],s=e.color,l=Object(ee.Db)(s)?s:[s],c=function(n,t){const{x:e,width:o}=n,a=t.textAlign;return"center"===a?e+o/2:"end"===a||"right"===a?e+o:e}(t,e),d=t.y+e.textStrokeWidth/2;n.save(),n.textBaseline="middle",n.textAlign=e.textAlign,function(n,t){if(t.textStrokeWidth>0)return n.lineJoin="round",n.miterLimit=2,n.lineWidth=t.textStrokeWidth,n.strokeStyle=t.textStrokeColor,!0}(n,e)&&function(n,{x:t,y:e},o,a){n.beginPath();let i=0;o.forEach((function(o,r){const s=a[Math.min(r,a.length-1)],l=s.lineHeight;n.font=s.string,n.strokeText(o,t,e+l/2+i),i+=l})),n.stroke()}(n,{x:c,y:d},a,r),function(n,{x:t,y:e},o,{fonts:a,colors:i}){let r=0;o.forEach((function(o,s){const l=i[Math.min(s,i.length-1)],c=a[Math.min(s,a.length-1)],d=c.lineHeight;n.beginPath(),n.font=c.string,n.fillStyle=l,n.fillText(o,t,e+d/2+r),r+=d,n.fill()}))}(n,{x:c,y:d},a,{fonts:r,colors:l}),n.restore()}function Te(n,t,e,o){const{radius:a,options:i}=t,r=i.pointStyle,s=i.rotation;let l=(s||0)*ee.Eb;if(_e(r))return n.save(),n.translate(e,o),n.rotate(l),n.drawImage(r,-r.width/2,-r.height/2,r.width,r.height),void n.restore();(n=>isNaN(n)||n<=0)(a)||function(n,{x:t,y:e,radius:o,rotation:a,style:i,rad:r}){let s,l,c,d;switch(n.beginPath(),i){default:n.arc(t,e,o,0,ee.u),n.closePath();break;case"triangle":n.moveTo(t+Math.sin(r)*o,e-Math.cos(r)*o),r+=ee.Gb,n.lineTo(t+Math.sin(r)*o,e-Math.cos(r)*o),r+=ee.Gb,n.lineTo(t+Math.sin(r)*o,e-Math.cos(r)*o),n.closePath();break;case"rectRounded":d=.516*o,c=o-d,s=Math.cos(r+ee.Fb)*c,l=Math.sin(r+ee.Fb)*c,n.arc(t-s,e-l,d,r-ee.q,r-ee.i),n.arc(t+l,e-s,d,r-ee.i,r),n.arc(t+s,e+l,d,r,r+ee.i),n.arc(t-l,e+s,d,r+ee.i,r+ee.q),n.closePath();break;case"rect":if(!a){c=Math.SQRT1_2*o,n.rect(t-c,e-c,2*c,2*c);break}r+=ee.Fb;case"rectRot":s=Math.cos(r)*o,l=Math.sin(r)*o,n.moveTo(t-s,e-l),n.lineTo(t+l,e-s),n.lineTo(t+s,e+l),n.lineTo(t-l,e+s),n.closePath();break;case"crossRot":r+=ee.Fb;case"cross":s=Math.cos(r)*o,l=Math.sin(r)*o,n.moveTo(t-s,e-l),n.lineTo(t+s,e+l),n.moveTo(t+l,e-s),n.lineTo(t-l,e+s);break;case"star":s=Math.cos(r)*o,l=Math.sin(r)*o,n.moveTo(t-s,e-l),n.lineTo(t+s,e+l),n.moveTo(t+l,e-s),n.lineTo(t-l,e+s),r+=ee.Fb,s=Math.cos(r)*o,l=Math.sin(r)*o,n.moveTo(t-s,e-l),n.lineTo(t+s,e+l),n.moveTo(t+l,e-s),n.lineTo(t-l,e+s);break;case"line":s=Math.cos(r)*o,l=Math.sin(r)*o,n.moveTo(t-s,e-l),n.lineTo(t+s,e+l);break;case"dash":n.moveTo(t,e),n.lineTo(t+Math.cos(r)*o,e+Math.sin(r)*o)}n.fill()}(n,{x:e,y:o,radius:a,rotation:s,style:r,rad:l})}const Ie={xScaleID:{min:"xMin",max:"xMax",start:"left",end:"right",startProp:"x",endProp:"x2"},yScaleID:{min:"yMin",max:"yMax",start:"bottom",end:"top",startProp:"y",endProp:"y2"}};function Ee(n,t,e){return t="number"==typeof t?t:n.parse(t),Object(ee.Lb)(t)?n.getPixelForValue(t):e}function Le(n,t,e){const o=t[e];if(o||"scaleID"===e)return o;const a=e.charAt(0),i=Object.values(n).filter(n=>n.axis&&n.axis===a);return i.length?i[0].id:a}function Ne(n,t){if(n){const e=n.options.reverse;return{start:Ee(n,t.min,e?t.end:t.start),end:Ee(n,t.max,e?t.start:t.end)}}}function Re(n,t){const{chartArea:e,scales:o}=n,a=o[Le(o,t,"xScaleID")],i=o[Le(o,t,"yScaleID")];let r=e.width/2,s=e.height/2;return a&&(r=Ee(a,t.xValue,a.left+a.width/2)),i&&(s=Ee(i,t.yValue,i.top+i.height/2)),{x:r,y:s}}function Ve(n,t){const e=n.scales,o=e[Le(e,t,"xScaleID")],a=e[Le(e,t,"yScaleID")];if(!o&&!a)return{};let{left:i,right:r}=o||n.chartArea,{top:s,bottom:l}=a||n.chartArea;const c=Fe(o,{min:t.xMin,max:t.xMax,start:i,end:r});i=c.start,r=c.end;const d=Fe(a,{min:t.yMin,max:t.yMax,start:l,end:s});return s=d.start,l=d.end,{x:i,y:s,x2:r,y2:l,width:r-i,height:l-s,centerX:i+(r-i)/2,centerY:s+(l-s)/2}}function Ue(n,t){if(!xe(t)){const e=Ve(n,t);let o=t.radius;o&&!isNaN(o)||(o=Math.min(e.width,e.height)/2,t.radius=o);const a=2*o,i=e.centerX+t.xAdjust,r=e.centerY+t.yAdjust;return{x:i-o,y:r-o,x2:i+o,y2:r+o,centerX:i,centerY:r,width:a,height:a,radius:o}}return function(n,t){const e=Re(n,t),o=2*t.radius;return{x:e.x-t.radius+t.xAdjust,y:e.y-t.radius+t.yAdjust,x2:e.x+t.radius+t.xAdjust,y2:e.y+t.radius+t.yAdjust,centerX:e.x+t.xAdjust,centerY:e.y+t.yAdjust,radius:t.radius,width:o,height:o}}(n,t)}function ze(n,t){const{scales:e,chartArea:o}=n,a=e[t.scaleID],i={x:o.left,y:o.top,x2:o.right,y2:o.bottom};return a?function(n,t,e){const o=Ee(n,e.value,NaN),a=Ee(n,e.endValue,o);n.isHorizontal()?(t.x=o,t.x2=a):(t.y=o,t.y2=a)}(a,i,t):function(n,t,e){for(const o of Object.keys(Ie)){const a=n[Le(n,e,o)];if(a){const{min:n,max:i,start:r,end:s,startProp:l,endProp:c}=Ie[o],d=Ne(a,{min:e[n],max:e[i],start:a[r],end:a[s]});t[l]=d.start,t[c]=d.end}}}(e,i,t),i}function We(n,t){const e=Ve(n,t);return e.initProperties=we(n,e,t),e.elements=[{type:"label",optionScope:"label",properties:Ye(n,e,t),initProperties:e.initProperties}],e}function Fe(n,t){const e=Ne(n,t)||t;return{start:Math.min(e.start,e.end),end:Math.max(e.start,e.end)}}function Be(n,t){const{start:e,end:o,borderWidth:a}=n,{position:i,padding:{start:r,end:s},adjust:l}=t;return e+a/2+l+ge(o-a-e-r-s-t.size,i)}function Ye(n,t,e){const o=e.label;o.backgroundColor="transparent",o.callout.display=!1;const a=ye(o.position),i=Object(ee.f)(o.padding),r=Me(n.ctx,o),s=function({properties:n,options:t},e,o,a){const{x:i,x2:r,width:s}=n;return Be({start:i,end:r,size:s,borderWidth:t.borderWidth},{position:o.x,padding:{start:a.left,end:a.right},adjust:t.label.xAdjust,size:e.width})}({properties:t,options:e},r,a,i),l=function({properties:n,options:t},e,o,a){const{y:i,y2:r,height:s}=n;return Be({start:i,end:r,size:s,borderWidth:t.borderWidth},{position:o.y,padding:{start:a.top,end:a.bottom},adjust:t.label.yAdjust,size:e.height})}({properties:t,options:e},r,a,i),c=r.width+i.width,d=r.height+i.height;return{x:s,y:l,x2:s+c,y2:l+d,width:c,height:d,centerX:s+c/2,centerY:l+d/2,rotation:o.rotation}}function $e(n,t,e){const o=Math.cos(e),a=Math.sin(e),i=t.x,r=t.y;return{x:i+o*(n.x-i)-a*(n.y-r),y:r+a*(n.x-i)+o*(n.y-r)}}const Xe=["enter","leave"],He=Xe.concat("click");function Je(n,t,e){if(n.listened)switch(t.type){case"mousemove":case"mouseout":return function(n,t,e){if(!n.moveListened)return;let o;o="mousemove"===t.type?ae(n.visibleElements,t,e.interaction):[];const a=n.hovered;n.hovered=o;const i={state:n,event:t};let r=qe(i,"leave",a,o);return qe(i,"enter",o,a)||r}(n,t,e);case"click":return function(n,t,e){const o=n.listeners,a=ae(n.visibleElements,t,e.interaction);let i;for(const n of a)i=Ge(n.options.click||o.click,n,t)||i;return i}(n,t,e)}}function qe({state:n,event:t},e,o,a){let i;for(const r of o)a.indexOf(r)<0&&(i=Ge(r.options[e]||n.listeners[e],r,t)||i);return i}function Ge(n,t,e){return!0===Object(ee.r)(n,[t.$context,e])}const Ke=["afterDraw","beforeDraw"];function Ze(n,t,e){if(n.hooked){const o=t.options[e]||n.hooks[e];return Object(ee.r)(o,[t.$context])}}function Qe(n,t,e){const o=function(n,t,e){const o=t.axis,a=t.id,i=o+"ScaleID",r={min:Object(ee.ac)(t.min,Number.NEGATIVE_INFINITY),max:Object(ee.ac)(t.max,Number.POSITIVE_INFINITY)};for(const s of e)s.scaleID===a?oo(s,t,["value","endValue"],r):Le(n,s,i)===a&&oo(s,t,[o+"Min",o+"Max",o+"Value"],r);return r}(n.scales,t,e);let a=no(t,o,"min","suggestedMin");a=no(t,o,"max","suggestedMax")||a,a&&Object(ee.K)(t.handleTickRangeOptions)&&t.handleTickRangeOptions()}function no(n,t,e,o){if(Object(ee.Lb)(t[e])&&!function(n,t,e){return Object(ee.Mb)(n[t])||Object(ee.Mb)(n[e])}(n.options,e,o)){const o=n[e]!==t[e];return n[e]=t[e],o}}function to(n,t){for(const e of["scaleID","xScaleID","yScaleID"]){const o=Le(t,n,e);o&&!t[o]&&eo(n,e)&&console.warn(`No scale found with id '${o}' for annotation '${n.id}'`)}}function eo(n,t){if("scaleID"===t)return!0;const e=t.charAt(0);for(const t of["Min","Max","Value"])if(Object(ee.Mb)(n[e+t]))return!0;return!1}function oo(n,t,e,o){for(const a of e){const e=n[a];if(Object(ee.Mb)(e)){const n=t.parse(e);o.min=Math.min(o.min,n),o.max=Math.max(o.max,n)}}}class ao extends Qt.c{inRange(n,t,e,o){const{x:a,y:i}=$e({x:n,y:t},this.getCenterPoint(o),Object(ee.Yb)(-this.options.rotation));return de({x:a,y:i},this.getProps(["x","y","x2","y2"],o),e,this.options)}getCenterPoint(n){return ue(this,n)}draw(n){n.save(),Se(n,this.getCenterPoint(),this.options.rotation),Pe(n,this,this.options),n.restore()}get label(){return this.elements&&this.elements[0]}resolveElementProperties(n,t){return We(n,t)}}ao.id="boxAnnotation",ao.defaults={adjustScaleRange:!0,backgroundShadowColor:"transparent",borderCapStyle:"butt",borderDash:[],borderDashOffset:0,borderJoinStyle:"miter",borderRadius:0,borderShadowColor:"transparent",borderWidth:1,display:!0,init:void 0,hitTolerance:0,label:{backgroundColor:"transparent",borderWidth:0,callout:{display:!1},color:"black",content:null,display:!1,drawTime:void 0,font:{family:void 0,lineHeight:void 0,size:void 0,style:void 0,weight:"bold"},height:void 0,hitTolerance:void 0,opacity:void 0,padding:6,position:"center",rotation:void 0,textAlign:"start",textStrokeColor:void 0,textStrokeWidth:0,width:void 0,xAdjust:0,yAdjust:0,z:void 0},rotation:0,shadowBlur:0,shadowOffsetX:0,shadowOffsetY:0,xMax:void 0,xMin:void 0,xScaleID:void 0,yMax:void 0,yMin:void 0,yScaleID:void 0,z:0},ao.defaultRoutes={borderColor:"color",backgroundColor:"color"},ao.descriptors={label:{_fallback:!0}};const io=["left","bottom","top","right"];class ro extends Qt.c{inRange(n,t,e,o){const{x:a,y:i}=$e({x:n,y:t},this.getCenterPoint(o),Object(ee.Yb)(-this.rotation));return de({x:a,y:i},this.getProps(["x","y","x2","y2"],o),e,this.options)}getCenterPoint(n){return ue(this,n)}draw(n){const t=this.options,e=!Object(ee.Mb)(this._visible)||this._visible;t.display&&t.content&&e&&(n.save(),Se(n,this.getCenterPoint(),this.rotation),function(n,t){const{pointX:e,pointY:o,options:a}=t,i=a.callout,r=i&&i.display&&function(n,t){const e=t.position;if(io.includes(e))return e;return function(n,t){const{x:e,y:o,x2:a,y2:i,width:r,height:s,pointX:l,pointY:c,centerX:d,centerY:u,rotation:h}=n,f={x:d,y:u},p=t.start,b=me(r,p),v=me(s,p),g=[e,e+b,e+b,a],m=[o+v,i,o,i],y=[];for(let n=0;n<4;n++){const t=$e({x:g[n],y:m[n]},f,Object(ee.Yb)(h));y.push({position:io[n],distance:Object(ee.R)(t,{x:l,y:c})})}return y.sort((n,t)=>n.distance-t.distance)[0].position}(n,t)}(t,i);if(!r||function(n,t,e){const{pointX:o,pointY:a}=n,i=t.margin;let r=o,s=a;"left"===e?r+=i:"right"===e?r-=i:"top"===e?s+=i:"bottom"===e&&(s-=i);return n.inRange(r,s)}(t,i,r))return;n.save(),n.beginPath();if(!De(n,i))return n.restore();const{separatorStart:s,separatorEnd:l}=function(n,t){const{x:e,y:o,x2:a,y2:i}=n,r=function(n,t){const{width:e,height:o,options:a}=n,i=a.callout.margin+a.borderWidth/2;if("right"===t)return e+i;if("bottom"===t)return o+i;return-i}(n,t);let s,l;"left"===t||"right"===t?(s={x:e+r,y:o},l={x:s.x,y:i}):(s={x:e,y:o+r},l={x:a,y:s.y});return{separatorStart:s,separatorEnd:l}}(t,r),{sideStart:c,sideEnd:d}=function(n,t,e){const{y:o,width:a,height:i,options:r}=n,s=r.callout.start,l=function(n,t){const e=t.side;if("left"===n||"top"===n)return-e;return e}(t,r.callout);let c,d;"left"===t||"right"===t?(c={x:e.x,y:o+me(i,s)},d={x:c.x+l,y:c.y}):(c={x:e.x+me(a,s),y:e.y},d={x:c.x,y:c.y+l});return{sideStart:c,sideEnd:d}}(t,r,s);(i.margin>0||0===a.borderWidth)&&(n.moveTo(s.x,s.y),n.lineTo(l.x,l.y));n.moveTo(c.x,c.y),n.lineTo(d.x,d.y);const u=$e({x:e,y:o},t.getCenterPoint(),Object(ee.Yb)(-t.rotation));n.lineTo(u.x,u.y),n.stroke(),n.restore()}(n,this),Pe(n,this,t),je(n,function({x:n,y:t,width:e,height:o,options:a}){const i=a.borderWidth/2,r=Object(ee.f)(a.padding);return{x:n+r.left+i,y:t+r.top+i,width:e-r.left-r.right-a.borderWidth,height:o-r.top-r.bottom-a.borderWidth}}(this),t),n.restore())}resolveElementProperties(n,t){let e;if(xe(t))e=Re(n,t);else{const{centerX:o,centerY:a}=Ve(n,t);e={x:o,y:a}}const o=Object(ee.f)(t.padding),a=function(n,t,e,o){const a=t.width+o.width+e.borderWidth,i=t.height+o.height+e.borderWidth,r=ye(e.position,"center"),s=so(n.x,a,e.xAdjust,r.x),l=so(n.y,i,e.yAdjust,r.y);return{x:s,y:l,x2:s+a,y2:l+i,width:a,height:i,centerX:s+a/2,centerY:l+i/2}}(e,Me(n.ctx,t),t,o);return{initProperties:we(n,a,t),pointX:e.x,pointY:e.y,...a,rotation:t.rotation}}}function so(n,t,e=0,o){return n-ge(t,o)+e}ro.id="labelAnnotation",ro.defaults={adjustScaleRange:!0,backgroundColor:"transparent",backgroundShadowColor:"transparent",borderCapStyle:"butt",borderDash:[],borderDashOffset:0,borderJoinStyle:"miter",borderRadius:0,borderShadowColor:"transparent",borderWidth:0,callout:{borderCapStyle:"butt",borderColor:void 0,borderDash:[],borderDashOffset:0,borderJoinStyle:"miter",borderWidth:1,display:!1,margin:5,position:"auto",side:5,start:"50%"},color:"black",content:null,display:!0,font:{family:void 0,lineHeight:void 0,size:void 0,style:void 0,weight:void 0},height:void 0,hitTolerance:0,init:void 0,opacity:void 0,padding:6,position:"center",rotation:0,shadowBlur:0,shadowOffsetX:0,shadowOffsetY:0,textAlign:"center",textStrokeColor:void 0,textStrokeWidth:0,width:void 0,xAdjust:0,xMax:void 0,xMin:void 0,xScaleID:void 0,xValue:void 0,yAdjust:0,yMax:void 0,yMin:void 0,yScaleID:void 0,yValue:void 0,z:0},ro.defaultRoutes={borderColor:"color"};const lo=(n,t,e)=>({x:n.x+e*(t.x-n.x),y:n.y+e*(t.y-n.y)}),co=(n,t,e)=>lo(t,e,Math.abs((n-t.y)/(e.y-t.y))).x,uo=(n,t,e)=>lo(t,e,Math.abs((n-t.x)/(e.x-t.x))).y,ho=n=>n*n,fo=(n,t,e,o)=>(1-o)*(1-o)*n+2*(1-o)*o*t+o*o*e,po=(n,t,e,o)=>({x:fo(n.x,t.x,e.x,o),y:fo(n.y,t.y,e.y,o)}),bo=(n,t,e,o)=>2*(1-o)*(t-n)+2*o*(e-t),vo=(n,t,e,o)=>-Math.atan2(bo(n.x,t.x,e.x,o),bo(n.y,t.y,e.y,o))+.5*ee.q;class go extends Qt.c{inRange(n,t,e,o){const a=(this.options.borderWidth+this.options.hitTolerance)/2;if("x"!==e&&"y"!==e){const e={mouseX:n,mouseY:t},{path:i,ctx:r}=this;if(i){De(r,this.options),r.lineWidth+=this.options.hitTolerance;const{chart:a}=this.$context,s=n*a.currentDevicePixelRatio,l=t*a.currentDevicePixelRatio,c=r.isPointInStroke(i,s,l)||xo(this,e,o);return r.restore(),c}return function(n,{mouseX:t,mouseY:e},o=.001,a){const{x:i,y:r,x2:s,y2:l}=n.getProps(["x","y","x2","y2"],a),c=s-i,d=l-r,u=ho(c)+ho(d),h=0===u?-1:((t-i)*c+(e-r)*d)/u;let f,p;h<0?(f=i,p=r):h>1?(f=s,p=l):(f=i+h*c,p=r+h*d);return ho(t-f)+ho(e-p)<=o}(this,e,ho(a),o)||xo(this,e,o)}return function(n,{mouseX:t,mouseY:e},o,{hitSize:a,useFinalPosition:i}){const r=((n,t,{x:e,y:o,x2:a,y2:i},r)=>"y"===r?{start:Math.min(o,i),end:Math.max(o,i),value:t}:{start:Math.min(e,a),end:Math.max(e,a),value:n})(t,e,n.getProps(["x","y","x2","y2"],i),o);return le(r,a)||xo(n,{mouseX:t,mouseY:e},i,o)}(this,{mouseX:n,mouseY:t},e,{hitSize:a,useFinalPosition:o})}getCenterPoint(n){return ue(this,n)}draw(n){const{x:t,y:e,x2:o,y2:a,cp:i,options:r}=this;if(n.save(),!De(n,r))return n.restore();Ae(n,r);const s=Math.sqrt(Math.pow(o-t,2)+Math.pow(a-e,2));if(r.curve&&i)return function(n,t,e,o){const{x:a,y:i,x2:r,y2:s,options:l}=t,{startOpts:c,endOpts:d,startAdjust:u,endAdjust:h}=Co(t),f={x:a,y:i},p={x:r,y:s},b=vo(f,e,p,0),v=vo(f,e,p,1)-ee.q,g=po(f,e,p,u/o),m=po(f,e,p,1-h/o),y=new Path2D;n.beginPath(),y.moveTo(g.x,g.y),y.quadraticCurveTo(e.x,e.y,m.x,m.y),n.shadowColor=l.borderShadowColor,n.stroke(y),t.path=y,t.ctx=n,So(n,g,{angle:b,adjust:u},c),So(n,m,{angle:v,adjust:h},d)}(n,this,i,s),n.restore();const{startOpts:l,endOpts:c,startAdjust:d,endAdjust:u}=Co(this),h=Math.atan2(a-e,o-t);n.translate(t,e),n.rotate(h),n.beginPath(),n.moveTo(0+d,0),n.lineTo(s-u,0),n.shadowColor=r.borderShadowColor,n.stroke(),_o(n,0,d,l),_o(n,s,-u,c),n.restore()}get label(){return this.elements&&this.elements[0]}resolveElementProperties(n,t){const e=ze(n,t),{x:o,y:a,x2:i,y2:r}=e,s=function({x:n,y:t,x2:e,y2:o},{top:a,right:i,bottom:r,left:s}){return!(ni&&e>i||tr&&o>r)}(e,n.chartArea),l=s?function(n,t,e){const{x:o,y:a}=yo(n,t,e),{x:i,y:r}=yo(t,n,e);return{x:o,y:a,x2:i,y2:r,width:Math.abs(i-o),height:Math.abs(r-a)}}({x:o,y:a},{x:i,y:r},n.chartArea):{x:o,y:a,x2:i,y2:r,width:Math.abs(i-o),height:Math.abs(r-a)};if(l.centerX=(i+o)/2,l.centerY=(r+a)/2,l.initProperties=we(n,l,t),t.curve){const n={x:l.x,y:l.y},e={x:l.x2,y:l.y2};l.cp=function(n,t,e){const{x:o,y:a,x2:i,y2:r,centerX:s,centerY:l}=n,c=Math.atan2(r-a,i-o),d=ye(t.controlPoint,0);return $e({x:s+me(e,d.x,!1),y:l+me(e,d.y,!1)},{x:s,y:l},c)}(l,t,Object(ee.R)(n,e))}const c=function(n,t,e){const o=e.borderWidth,a=Object(ee.f)(e.padding),i=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=uo(a,{x:n,y:t},e),n=a),ti&&(n=co(i,{x:n,y:t},e),t=i),{x:n,y:t}}function xo(n,{mouseX:t,mouseY:e},o,a){const i=n.label;return i.options.display&&i.inRange(t,e,a,o)}function wo(n,t,e,o){const{labelSize:a,padding:i}=t,r=n.w*o.dx,s=n.h*o.dy,l=r>0&&(a.w/2+i.left-o.x)/r,c=s>0&&(a.h/2+i.top-o.y)/s;return se(Math.max(l,c),0,.25)}function Oo(n,t){const{size:e,min:o,max:a,padding:i}=t,r=e/2;return e>a-o?(a+o)/2:(o>=n-i-r&&(n=o+i+r),a<=n+i+r&&(n=a-i-r),n)}function Co(n){const t=n.options,e=t.arrowHeads&&t.arrowHeads.start,o=t.arrowHeads&&t.arrowHeads.end;return{startOpts:e,endOpts:o,startAdjust:ko(n,e),endAdjust:ko(n,o)}}function ko(n,t){if(!t||!t.display)return 0;const{length:e,width:o}=t,a=n.options.borderWidth/2,i={x:e,y:o+a},r={x:0,y:a};return Math.abs(co(0,i,r))}function _o(n,t,e,o){if(!o||!o.display)return;const{length:a,width:i,fill:r,backgroundColor:s,borderColor:l}=o,c=Math.abs(t-a)+e;n.beginPath(),Ae(n,o),De(n,o),n.moveTo(c,-i),n.lineTo(t+e,0),n.lineTo(c,i),!0===r?(n.fillStyle=s||l,n.closePath(),n.fill(),n.shadowColor="transparent"):n.shadowColor=o.borderShadowColor,n.stroke()}function So(n,{x:t,y:e},{angle:o,adjust:a},i){i&&i.display&&(n.save(),n.translate(t,e),n.rotate(o),_o(n,0,-a,i),n.restore())}go.defaults={adjustScaleRange:!0,arrowHeads:{display:!1,end:Object.assign({},mo),fill:!1,length:12,start:Object.assign({},mo),width:6},borderDash:[],borderDashOffset:0,borderShadowColor:"transparent",borderWidth:2,curve:!1,controlPoint:{y:"-50%"},display:!0,endValue:void 0,init:void 0,hitTolerance:0,label:{backgroundColor:"rgba(0,0,0,0.8)",backgroundShadowColor:"transparent",borderCapStyle:"butt",borderColor:"black",borderDash:[],borderDashOffset:0,borderJoinStyle:"miter",borderRadius:6,borderShadowColor:"transparent",borderWidth:0,callout:Object.assign({},ro.defaults.callout),color:"#fff",content:null,display:!1,drawTime:void 0,font:{family:void 0,lineHeight:void 0,size:void 0,style:void 0,weight:"bold"},height:void 0,hitTolerance:void 0,opacity:void 0,padding:6,position:"center",rotation:0,shadowBlur:0,shadowOffsetX:0,shadowOffsetY:0,textAlign:"center",textStrokeColor:void 0,textStrokeWidth:0,width:void 0,xAdjust:0,yAdjust:0,z:void 0},scaleID:void 0,shadowBlur:0,shadowOffsetX:0,shadowOffsetY:0,value:void 0,xMax:void 0,xMin:void 0,xScaleID:void 0,yMax:void 0,yMin:void 0,yScaleID:void 0,z:0},go.descriptors={arrowHeads:{start:{_fallback:!0},end:{_fallback:!0},_fallback:!0}},go.defaultRoutes={borderColor:"color"};class Do extends Qt.c{inRange(n,t,e,o){const a=this.options.rotation,i=(this.options.borderWidth+this.options.hitTolerance)/2;if("x"!==e&&"y"!==e)return function(n,t,e,o){const{width:a,height:i,centerX:r,centerY:s}=t,l=a/2,c=i/2;if(l<=0||c<=0)return!1;const d=Object(ee.Yb)(e||0),u=Math.cos(d),h=Math.sin(d),f=Math.pow(u*(n.x-r)+h*(n.y-s),2),p=Math.pow(h*(n.x-r)-u*(n.y-s),2);return f/Math.pow(l+o,2)+p/Math.pow(c+o,2)<=1.0001}({x:n,y:t},this.getProps(["width","height","centerX","centerY"],o),a,i);const{x:r,y:s,x2:l,y2:c}=this.getProps(["x","y","x2","y2"],o),d="y"===e?{start:s,end:c}:{start:r,end:l},u=$e({x:n,y:t},this.getCenterPoint(o),Object(ee.Yb)(-a));return u[e]>=d.start-i-.001&&u[e]<=d.end+i+.001}getCenterPoint(n){return ue(this,n)}draw(n){const{width:t,height:e,centerX:o,centerY:a,options:i}=this;n.save(),Se(n,this.getCenterPoint(),i.rotation),Ae(n,this.options),n.beginPath(),n.fillStyle=i.backgroundColor;const r=De(n,i);n.ellipse(o,a,e/2,t/2,ee.q/2,0,2*ee.q),n.fill(),r&&(n.shadowColor=i.borderShadowColor,n.stroke()),n.restore()}get label(){return this.elements&&this.elements[0]}resolveElementProperties(n,t){return We(n,t)}}Do.id="ellipseAnnotation",Do.defaults={adjustScaleRange:!0,backgroundShadowColor:"transparent",borderDash:[],borderDashOffset:0,borderShadowColor:"transparent",borderWidth:1,display:!0,hitTolerance:0,init:void 0,label:Object.assign({},ao.defaults.label),rotation:0,shadowBlur:0,shadowOffsetX:0,shadowOffsetY:0,xMax:void 0,xMin:void 0,xScaleID:void 0,yMax:void 0,yMin:void 0,yScaleID:void 0,z:0},Do.defaultRoutes={borderColor:"color",backgroundColor:"color"},Do.descriptors={label:{_fallback:!0}};class Ao extends Qt.c{inRange(n,t,e,o){const{x:a,y:i,x2:r,y2:s,width:l}=this.getProps(["x","y","x2","y2","width"],o),c=(this.options.borderWidth+this.options.hitTolerance)/2;if("x"!==e&&"y"!==e)return function(n,t,e,o){return!(!n||!t||e<=0)&&Math.pow(n.x-t.x,2)+Math.pow(n.y-t.y,2)<=Math.pow(e+o,2)}({x:n,y:t},this.getCenterPoint(o),l/2,c);return le("y"===e?{start:i,end:s,value:t}:{start:a,end:r,value:n},c)}getCenterPoint(n){return ue(this,n)}draw(n){const t=this.options,e=t.borderWidth;if(t.radius<.1)return;n.save(),n.fillStyle=t.backgroundColor,Ae(n,t);const o=De(n,t);Te(n,this,this.centerX,this.centerY),o&&!_e(t.pointStyle)&&(n.shadowColor=t.borderShadowColor,n.stroke()),n.restore(),t.borderWidth=e}resolveElementProperties(n,t){const e=Ue(n,t);return e.initProperties=we(n,e,t),e}}Ao.id="pointAnnotation",Ao.defaults={adjustScaleRange:!0,backgroundShadowColor:"transparent",borderDash:[],borderDashOffset:0,borderShadowColor:"transparent",borderWidth:1,display:!0,hitTolerance:0,init:void 0,pointStyle:"circle",radius:10,rotation:0,shadowBlur:0,shadowOffsetX:0,shadowOffsetY:0,xAdjust:0,xMax:void 0,xMin:void 0,xScaleID:void 0,xValue:void 0,yAdjust:0,yMax:void 0,yMin:void 0,yScaleID:void 0,yValue:void 0,z:0},Ao.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 ue(this,n)}draw(n){const{elements:t,options:e}=this;n.save(),n.beginPath(),n.fillStyle=e.backgroundColor,Ae(n,e);const o=De(n,e);let a=!0;for(const e of t)a?(n.moveTo(e.x,e.y),a=!1):n.lineTo(e.x,e.y);n.closePath(),n.fill(),o&&(n.shadowColor=e.borderShadowColor,n.stroke()),n.restore()}resolveElementProperties(n,t){const e=Ue(n,t),{sides:o,rotation:a}=t,i=[],r=2*ee.q/o;let s=a*ee.Eb;for(let a=0;a{ee.Ib.describe("elements."+jo[n].id,{_fallback:"plugins.annotation.common"})});const To={update:Object.assign},Io=He.concat(Ke),Eo=(n,t)=>Object(ee.Nb)(t)?Fo(n,t):n,Lo=n=>"color"===n||"font"===n;function No(n="line"){return jo[n]?n:(console.warn(`Unknown annotation type: '${n}', defaulting to 'line'`),"line")}function Ro(n,t,e,o){const a=function(n,t,e){if("reset"===e||"none"===e||"resize"===e)return To;return new Qt.a(n,t)}(n,e.animations,o),i=t.annotations,r=function(n,t){const e=t.length,o=n.length;if(oe&&n.splice(e,o-e);return n}(t.elements,i);for(let t=0;tEo(n,a)):e[o]=Eo(i,a)}return e}function Bo(n,t,e,o){return t.$context||(t.$context=Object.assign(Object.create(n.getContext()),{element:t,get elements(){return e.filter(n=>n&&n.options)},id:o.id,type:"annotation"}))}const Yo=new Map,$o=He.concat(Ke);var Xo={id:"annotation",version:"3.0.1",beforeRegister(){!function(n,t,e,o=!0){const a=e.split(".");let i=0;for(const r of t.split(".")){const s=a[i++];if(parseInt(r,10){const t=a[n];Object(ee.Nb)(t)&&(t.id=n,o.push(t))}):Object(ee.Db)(a)&&o.push(...a),function(n,t){for(const e of n)to(e,t)}(o,n.scales)},afterDataLimits(n,t){const e=Yo.get(n);Qe(n,t.scale,e.annotations.filter(n=>n.display&&n.adjustScaleRange))},afterUpdate(n,t,e){const o=Yo.get(n);!function(n,t,e){t.listened=Oe(e,He,t.listeners),t.moveListened=!1,Xe.forEach(n=>{Object(ee.K)(e[n])&&(t.moveListened=!0)}),t.listened&&t.moveListened||t.annotations.forEach(n=>{!t.listened&&Object(ee.K)(n.click)&&(t.listened=!0),t.moveListened||Xe.forEach(e=>{Object(ee.K)(n[e])&&(t.listened=!0,t.moveListened=!0)})})}(0,o,e),Ro(n,o,e,t.mode),o.visibleElements=o.elements.filter(n=>!n.skip&&n.options.display),function(n,t,e){const o=t.visibleElements;t.hooked=Oe(e,Ke,t.hooks),t.hooked||o.forEach(n=>{t.hooked||Ke.forEach(e=>{Object(ee.K)(n.options[e])&&(t.hooked=!0)})})}(0,o,e)},beforeDatasetsDraw(n,t,e){Ho(n,"beforeDatasetsDraw",e.clip)},afterDatasetsDraw(n,t,e){Ho(n,"afterDatasetsDraw",e.clip)},beforeDatasetDraw(n,t,e){Ho(n,t.index,e.clip)},beforeDraw(n,t,e){Ho(n,"beforeDraw",e.clip)},afterDraw(n,t,e){Ho(n,"afterDraw",e.clip)},beforeEvent(n,t,e){Je(Yo.get(n),t.event,e)&&(t.changed=!0)},afterDestroy(n){Yo.delete(n)},getAnnotations(n){const t=Yo.get(n);return t?t.elements:[]},_getAnnotationElementsAtEventForMode:(n,t,e)=>ae(n,t,e),defaults:{animations:{numbers:{properties:["x","y","x2","y2","width","height","centerX","centerY","pointX","pointY","radius"],type:"number"}},clip:!0,interaction:{mode:void 0,axis:void 0,intersect:void 0},common:{drawTime:"afterDatasetsDraw",init:!1,label:{}}},descriptors:{_indexable:!1,_scriptable:n=>!$o.includes(n)&&"init"!==n,annotations:{_allKeys:!1,_fallback:(n,t)=>"elements."+jo[No(t.type)].id},interaction:{_fallback:!0},common:{label:{_indexable:Lo,_fallback:!0},_indexable:Lo}},additionalOptionScopes:[""]};function Ho(n,t,e){const{ctx:o,chartArea:a}=n,i=Yo.get(n);e&&Object(ee.z)(o,a);const r=function(n,t){const e=[];for(const o of n)if(o.options.drawTime===t&&e.push({element:o,main:!0}),o.elements&&o.elements.length)for(const n of o.elements)n.options.display&&n.options.drawTime===t&&e.push({element:n});return e}(i.visibleElements,t).sort((n,t)=>n.element.options.z-t.element.options.z);for(const n of r)Jo(o,a,i,n);e&&Object(ee.a)(o)}function Jo(n,t,e,o){const a=o.element;o.main?(Ze(e,a,"beforeDraw"),a.draw(n,t),Ze(e,a,"afterDraw")):a.draw(n,t)}te.register(Xo),te.register({id:"version",afterDraw(n){const t=n.ctx;t.save(),t.font="9px monospace",t.fillStyle="rgba(0, 0, 0, 0.5)",t.textAlign="right",t.textBaseline="top",t.fillText("Chart.js v"+te.version+" + chartjs-plugin-annotation v"+Xo.version,n.chartArea.right,0),t.restore()}}),ee.Ib.set({elements:{line:{tension:.4}},plugins:{legend:!1}});let qo=Date.now();function Go(n){qo=n}function Ko(n,t){return n=Object(ee.ac)(n,0),t=Object(ee.ac)(t,0),qo=(9301*qo+49297)%233280,n+qo/233280*(t-n)}function Zo(n){var t,e,o=n||{},a=Object(ee.ac)(o.min,0),i=Object(ee.ac)(o.max,100),r=Object(ee.ac)(o.from,[]),s=Object(ee.ac)(o.count,8),l=Object(ee.ac)(o.decimals,8),c=Object(ee.ac)(o.continuity,1),d=Math.pow(10,l)||0,u=[];for(t=0;t({x:n,y:e[t]}))}function na(){const n=new Image;return n.src="https://www.chartjs.org/chartjs-plugin-annotation/latest/favicon.png",n}let ta=null;function ea(){if(ta)return ta;const n=document.createElement("canvas");return n.width=100,n.height=100,n.style.visibility="hidden",document.body.appendChild(n),ta=function(n){return new Qt.b(n,{type:"pie",data:{labels:["Bought","Sold","Rented"],datasets:[{data:[42,33,25],backgroundColor:["#3366cc","#dc3912","#ff9900"]}]},options:{responsive:!1,animation:!1,plugins:{version:!1,legend:!1,title:!1,subtitle:!1}}})}(n),ta}function oa(){const n=document.createElement("canvas");n.width=150,n.height=150;const t=n.width/2,e=n.height/2,o=n.getContext("2d");o.moveTo(t,e),o.beginPath();for(let n=0;n<720;n++){const e=.1*n,a=t+e*Math.cos(e),i=t+e*Math.sin(e);o.lineTo(a,i)}return o.strokeStyle="#666",o.stroke(),n}function aa(){const n=document.createElement("canvas");n.width=230,n.height=210;const t=n.getContext("2d");return t.fillStyle="#666",t.strokeStyle="#666",t.lineWidth=10,t.strokeRect(40,90,150,110),t.fillRect(95,140,40,60),t.beginPath(),t.moveTo(15,90),t.lineTo(115,10),t.lineTo(215,90),t.closePath(),t.stroke(),n}const ia={Register:o,Defaults:a,Utils:i};r.a.mixin({created(){this.$chart=this.$chart||{},this.$chart.imports=ia}});var ra=e(55);const sa={redirectors:[{base:"/samples",alternative:["intro"]}]};var la=[{},{},({Vue:n})=>{n.mixin({computed:{$dataBlock(){return this.$options.__data__block__}}})},{},{},{},({router:n,siteData:t})=>{const{routes:e=[]}=n.options,{redirectors:o=[]}=sa;function a(n){return e.some(t=>t.path.toLowerCase()===n.toLowerCase())}function i(n){if(a(n))return n;if(!/\/$/.test(n)){const t=n+"/";if(a(t))return t}if(!/\.html$/.test(n)){const t=n.replace(/\/$/,"")+".html";if(a(t))return t}return null}if(sa.locales&&t.locales){const n=t.locales,e=Object.keys(n),a=e.map(t=>({key:t.replace(/^\/|\/$/,""),lang:n[t].lang}));"object"!=typeof sa.locales&&(sa.locales={});const{fallback:i,storage:r=!0}=sa.locales;i&&e.unshift(i),o.unshift({storage:r,base:"/",alternative(){if("undefined"!=typeof window&&window.navigator){const n=window.navigator.languages||[window.navigator.language],t=a.find(({lang:t})=>n.includes(t));if(t)return t.key}return e}})}const r=o.map(({base:n="/",storage:t=!1,alternative:e})=>{let o=!1;if(t)if("object"!=typeof t){const e="string"!=typeof t?"vuepress:redirect:"+n:t;o={get:()=>"undefined"==typeof localStorage?null:localStorage.getItem(e),set(n){"undefined"!=typeof localStorage&&localStorage.setItem(e,n)}}}else t.get&&t.set&&(o=t);return{base:n,storage:o,alternative:e}});n.beforeEach((n,t,e)=>{if(i(n.path))return e();let o;for(const t of r){const{base:e="/",storage:a=!1}=t;let{alternative:r}=t;if(!n.path.startsWith(e))continue;const s=n.path.slice(e.length)||"/";if(a){const n=a.get(t);if(n){const t=i(Object(ra.join)(e,n,s));if(t){o=t;break}}}if("function"==typeof r&&(r=r(s)),r){"string"==typeof r&&(r=[r]);for(const n of r){const t=i(Object(ra.join)(e,n,s));if(t){o=t;break}}if(o)break}}e(o)}),n.afterEach(n=>{if(a(n.path))for(const t of r){const{base:e,storage:o}=t;if(!o||!n.path.startsWith(e))continue;const a=n.path.slice(e.length).split("/")[0];a&&o.set(a,t)}})},({siteData:n,options:t})=>{n.themeConfig.sidebarDepth=0,n.themeConfig.sidebar=Object.assign({},n.themeConfig.sidebar,{"/api/":[{title:"API",children:[["/api/","Exports"],{title:"Interfaces",children:[["interfaces/AnnotationBoxModel","AnnotationBoxModel"],["interfaces/AnnotationElement","AnnotationElement"],["interfaces/AnnotationEvents","AnnotationEvents"],["interfaces/AnnotationHooks","AnnotationHooks"],["interfaces/AnnotationPluginOptions","AnnotationPluginOptions"],["interfaces/AnnotationPointCoordinates","AnnotationPointCoordinates"],["interfaces/AnnotationTypeRegistry","AnnotationTypeRegistry"],["interfaces/ArrowHeadOptions","ArrowHeadOptions"],["interfaces/ArrowHeadsOptions","ArrowHeadsOptions"],["interfaces/BoxAnnotationOptions","BoxAnnotationOptions"],["interfaces/BoxLabelOptions","BoxLabelOptions"],["interfaces/CalloutOptions","CalloutOptions"],["interfaces/ContainedLabelOptions","ContainedLabelOptions"],["interfaces/ControlPointOptions","ControlPointOptions"],["interfaces/CoreAnnotationOptions","CoreAnnotationOptions"],["interfaces/CoreLabelOptions","CoreLabelOptions"],["interfaces/EllipseAnnotationOptions","EllipseAnnotationOptions"],["interfaces/EventContext","EventContext"],["interfaces/LabelAnnotationOptions","LabelAnnotationOptions"],["interfaces/LabelOptions","LabelOptions"],["interfaces/LabelPadding","LabelPadding"],["interfaces/LabelPositionObject","LabelPositionObject"],["interfaces/LabelTypeOptions","LabelTypeOptions"],["interfaces/LineAnnotationOptions","LineAnnotationOptions"],["interfaces/PartialEventContext","PartialEventContext"],["interfaces/PointAnnotationOptions","PointAnnotationOptions"],["interfaces/PolygonAnnotationOptions","PolygonAnnotationOptions"],["interfaces/ShadowOptions","ShadowOptions"]]}],initialOpenGroupIndex:-1,collapsable:!1}]})}],ca=[];class da extends class{constructor(){this.store=new r.a({data:{state:{}}})}$get(n){return this.store.state[n]}$set(n,t){r.a.set(this.store.state,n,t)}$emit(...n){this.store.$emit(...n)}$on(...n){this.store.$on(...n)}}{}Object.assign(da.prototype,{getPageAsyncComponent:ht,getLayoutAsyncComponent:ft,getAsyncComponent:pt,getVueComponent:bt});var ua={install(n){const t=new da;n.$vuepress=t,n.prototype.$vuepress=t}};function ha(n,t){const e=t.toLowerCase();return n.options.routes.some(n=>n.path.toLowerCase()===e)}var fa={props:{pageKey:String,slotKey:{type:String,default:"default"}},render(n){const t=this.pageKey||this.$parent.$page.key;return gt("pageKey",t),r.a.component(t)||r.a.component(t,ht(t)),r.a.component(t)?n(t):n("")}},pa={functional:!0,props:{slotKey:String,required:!0},render:(n,{props:t,slots:e})=>n("div",{class:["content__"+t.slotKey]},e()[t.slotKey])},ba={computed:{openInNewWindowTitle(){return this.$themeLocaleConfig.openNewWindowText||"(opens new window)"}}},va=(e(258),e(259),Object(zt.a)(ba,(function(){var n=this._self._c;return n("span",[n("svg",{staticClass:"icon outbound",attrs:{xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",focusable:"false",x:"0px",y:"0px",viewBox:"0 0 100 100",width:"15",height:"15"}},[n("path",{attrs:{fill:"currentColor",d:"M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"}}),this._v(" "),n("polygon",{attrs:{fill:"currentColor",points:"45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"}})]),this._v(" "),n("span",{staticClass:"sr-only"},[this._v(this._s(this.openInNewWindowTitle))])])}),[],!1,null,null,null).exports),ga={functional:!0,render(n,{parent:t,children:e}){if(t._isMounted)return e;t.$once("hook:mounted",()=>{t.$forceUpdate()})}};r.a.config.productionTip=!1,r.a.use(Gn),r.a.use(ua),r.a.mixin(function(n,t,e=r.a){!function(n){n.locales&&Object.keys(n.locales).forEach(t=>{n.locales[t].path=t});Object.freeze(n)}(t),e.$vuepress.$set("siteData",t);const o=new(n(e.$vuepress.$get("siteData"))),a=Object.getOwnPropertyDescriptors(Object.getPrototypeOf(o)),i={};return Object.keys(a).reduce((n,t)=>(t.startsWith("$")&&(n[t]=a[t].get),n),i),{computed:i}}(n=>class{setPage(n){this.__page=n}get $site(){return n}get $themeConfig(){return this.$site.themeConfig}get $frontmatter(){return this.$page.frontmatter}get $localeConfig(){const{locales:n={}}=this.$site;let t,e;for(const o in n)"/"===o?e=n[o]:0===this.$page.path.indexOf(o)&&(t=n[o]);return t||e||{}}get $siteTitle(){return this.$localeConfig.title||this.$site.title||""}get $canonicalUrl(){const{canonicalUrl:n}=this.$page.frontmatter;return"string"==typeof n&&n}get $title(){const n=this.$page,{metaTitle:t}=this.$page.frontmatter;if("string"==typeof t)return t;const e=this.$siteTitle,o=n.frontmatter.home?null:n.frontmatter.title||n.title;return e?o?o+" | "+e:e:o||"VuePress"}get $description(){const n=function(n){if(n){const t=n.filter(n=>"description"===n.name)[0];if(t)return t.content}}(this.$page.frontmatter.meta);return n||(this.$page.frontmatter.description||this.$localeConfig.description||this.$site.description||"")}get $lang(){return this.$page.frontmatter.lang||this.$localeConfig.lang||"en-US"}get $localePath(){return this.$localeConfig.path||"/"}get $themeLocaleConfig(){return(this.$site.themeConfig.locales||{})[this.$localePath]||{}}get $page(){return this.__page?this.__page:function(n,t){for(let e=0;ee||(n.hash?!r.a.$vuepress.$get("disableScrollBehavior")&&{selector:decodeURIComponent(n.hash)}:{x:0,y:0})});!function(n){n.beforeEach((t,e,o)=>{if(ha(n,t.path))o();else if(/(\/|\.html)$/.test(t.path))if(/\/$/.test(t.path)){const e=t.path.replace(/\/$/,"")+".html";ha(n,e)?o(e):o()}else o();else{const e=t.path+"/",a=t.path+".html";ha(n,a)?o(a):ha(n,e)?o(e):o()}})}(e);const o={};try{await Promise.all(la.filter(n=>"function"==typeof n).map(t=>t({Vue:r.a,options:o,router:e,siteData:Kt,isServer:n})))}catch(n){console.error(n)}return{app:new r.a(Object.assign(o,{router:e,render:n=>n("div",{attrs:{id:"app"}},[n("RouterView",{ref:"layout"}),n("div",{class:"global-ui"},ca.map(t=>n(t)))])})),router:e}}(!1).then(({app:n,router:t})=>{t.onReady(()=>{n.$mount("#app")})})}]); \ No newline at end of file diff --git a/master/guide/configuration.html b/master/guide/configuration.html index 24e2e5687..c1f33e793 100644 --- a/master/guide/configuration.html +++ b/master/guide/configuration.html @@ -7,7 +7,7 @@ - + @@ -53,7 +53,7 @@ } } }; -

# Default animations

Name Option Value
numbers properties ['x', 'y', 'x2', 'y2', 'width', 'height', 'centerX', 'centerY', 'pointX', 'pointY', 'radius']
numbers type number

# Common

The following options apply to all annotations unless they are overwritten on a per-annotation basis.

Name Type Scriptable Default Notes
drawTime string Yes 'afterDatasetsDraw' See drawTime.
init boolean See initial animation false Enable the animation to the annotations when they are drawing at chart initialization

# Initial animation

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.

This is the signature of the scriptable option:

({chart, properties, options}) => void | boolean | AnnotationElement
+

# Default animations

Name Option Value
numbers properties ['x', 'y', 'x2', 'y2', 'width', 'height', 'centerX', 'centerY', 'pointX', 'pointY', 'radius']
numbers type number

# Common

The following options apply to all annotations unless they are overwritten on a per-annotation basis.

Name Type Scriptable Default Notes
drawTime string|number Yes 'afterDatasetsDraw' See drawTime.
init boolean See initial animation false Enable the animation to the annotations when they are drawing at chart initialization

# Initial animation

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.

This is the signature of the scriptable option:

({chart, properties, options}) => void | boolean | AnnotationElement

where the properties is the element model

{
   x: number,
   y: number,
@@ -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 44b936d3f..438a65041 100644 --- a/master/guide/contributing.html +++ b/master/guide/contributing.html @@ -7,7 +7,7 @@ - + @@ -32,7 +32,7 @@ GitHub (opens new window)

Contributions to Chart.js are welcome and encouraged, but please have a look through the guidelines in this document before raising an issue, or writing code for the project.

# Using issues

The issue tracker (opens new window) is the preferred channel for reporting bugs, requesting new features and submitting pull requests.

Please do not use issues for support requests. For help using the annotation plugin, please take a look at the GitHub Discussions (opens new window) page.

# Reporting bugs

Well structured, detailed bug reports are hugely valuable for the project.

Guidlines for reporting bugs:

  • Check the issue search to see if it has already been reported
  • Isolate the problem to a simple test case
  • Provide a demonstration of the problem on JS Bin (opens new window) or similar

Please provide any additional details associated with the bug, if it's browser or screen density specific, or only happens with a certain configuration or data.

# Local development

Run npm ci to install all the libraries, then run npm run dev to build and run tests as you make changes.

# Pull requests

Clear, concise pull requests are excellent at continuing the project's community driven growth. But please review these guidelines (opens new window) and the guidelines below before starting work on the project.

Guidelines:

  • Please create an issue first: -
    • For bugs, we can discuss the fixing approach
    • For enhancements, we can discuss if it is within the project scope and avoid duplicate effort
  • Please make changes to the files in /src (opens new window)
  • Please add tests in /test (opens new window)
  • Spaces for indentation, not tabs please
  • If adding new functionality, please also update the relevant .md file in /docs (opens new window)
  • Please make your commits in logical sections with clear commit messages

# License

By contributing your code, you agree to license your contribution under the MIT license (opens new window).

- +
  • For bugs, we can discuss the fixing approach
  • For enhancements, we can discuss if it is within the project scope and avoid duplicate effort
  • Please make changes to the files in /src (opens new window)
  • Please add tests in /test (opens new window)
  • Spaces for indentation, not tabs please
  • If adding new functionality, please also update the relevant .md file in /docs (opens new window)
  • Please make your commits in logical sections with clear commit messages

    • # License

    By contributing your code, you agree to license your contribution under the MIT license (opens new window).

    + diff --git a/master/guide/developers.html b/master/guide/developers.html index 5563f6e98..247f4d526 100644 --- a/master/guide/developers.html +++ b/master/guide/developers.html @@ -7,7 +7,7 @@ - + @@ -41,7 +41,7 @@

    # .getAnnotations(chart: Chart): AnnotationElement[]

    It provides all annotation elements configured by the plugin options, even if the annotations are not visible.

    const myLineChart = new Chart(ctx, config);
 // get all annotation elements
 const elements = annotationPlugin.getAnnotations(myLineChart);
-

    +

    ← →

    - + diff --git a/master/guide/index.html b/master/guide/index.html index 5fc5778f2..e8c91d883 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 a392bcd2f..7a9b60b90 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 afbb99b40..84fbb3ab9 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 bcf17924c..0689ce535 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 0ebb3eae5..41e730bdc 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 26d74312d..ae1afe514 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
    • elements: the array which contains the already created annotation elements.
    • type: 'annotation'

    The annotation option context is passed to scriptable options in all other cases, except when resolving id, type or adjusting scale ranges. The same values resolved in afterDataLimits with chart context are again evaluated in afterUpdate with annotation context.

    Note that the annotation element may be undefined or partially uninitialized, since scriptable options may be invoked during the initial chart display, before everything's been resolved and initialized.

    +};

    # Draw Time

    The drawTime option for an annotation determines where in the chart lifecycle the drawing occurs. Four potential predefined options are available:

    Option Notes
    'beforeDraw' Occurs before any drawing takes place
    'beforeDatasetsDraw' Occurs after drawing of axes, but before datasets
    'afterDatasetsDraw' Occurs after drawing of datasets but before items such as the tooltip
    'afterDraw' After other drawing is completed.

    Furthermore, the drawTime option can be set as number which represents the dataset index used to draw the annotation, before that dataset will be.

    # Option Context

    The option context is used to give contextual information when resolving options and only applies to scriptable options. The object is preserved, so it can be used to store and pass information between calls / options.

    There are 2 levels of option context objects:

    • chart
      • annotation

    The context object contains the following properties:

    # chart

    • chart: the associated chart
    • type: 'chart'

    The chart option context is provided by Chart.js. It is passed to scriptable options when resolving annotation id, type and drawTime or adjusting scale ranges in afterDataLimits hook. The options resolved at that time are scaleID, xScaleID, yScaleID, value, endValue, xMin, xMax, yMin, yMax, xValue and yValue.

    # annotation

    In addition to chart

    • id: the annotation id
    • element: the annotation element
    • elements: the array which contains the already created annotation elements.
    • type: 'annotation'

    The annotation option context is passed to scriptable options in all other cases, except when resolving id, type or adjusting scale ranges. The same values resolved in afterDataLimits with chart context are again evaluated in afterUpdate with annotation context.

    Note that the annotation element may be undefined or partially uninitialized, since scriptable options may be invoked during the initial chart display, before everything's been resolved and initialized.

    ← →

    - + diff --git a/master/guide/types/_commonInnerLabel.html b/master/guide/types/_commonInnerLabel.html index 7adea62b9..f02565ae2 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.
    hitTolerance number undefined Amount of pixels to interact with annotations within some distance of the mouse point.
    opacity number undefined Overrides the opacity of the image or canvas element. Could be set a number in the range 0.0 to 1.0, inclusive. If undefined, uses the opacity of the image or canvas element. It is used only when the content is an image or canvas element.
    padding Padding 6 The padding to add around the text label.
    position string|{x: string, y: string} 'center' Anchor position of label in the annotation.
    rotation number undefined Rotation of label, in degrees. If undefined, the annotation rotation is used.
    textAlign string 'start' Text alignment of label content when there's more than one line. Possible options are: 'left', 'start', 'center', 'end', 'right'.
    textStrokeColor Color undefined The color of the stroke around the text.
    textStrokeWidth number 0 Stroke width around the text.
    width number|string undefined Overrides the width of the image or canvas element. Could be set in pixel by a number, or in percentage of current width of image or canvas element by a string. If undefined, uses the width of the image or canvas element. It is used only when the content is an image or canvas element.
    xAdjust number 0 Adjustment along x-axis (left-right) of label relative to computed position. Negative values move the label left, positive right.
    yAdjust number 0 Adjustment along y-axis (top-bottom) of label relative to computed position. Negative values move the label up, positive down.
    z number 0 It determines the drawing stack level of the label element, with same drawTime.

    # Position

    A position can be set in 2 different values types:

    1. 'start', 'center', 'end' which are defining where the label will be located
    2. a string, in percentage format 'number%', is representing the percentage on the size where the label will be located

    If this value is a string (possible options are 'start', 'center', 'end' or a string in percentage format), it is applied to vertical and horizontal position in the annotation.

    If this value is an object, the x property defines the horizontal alignment in the annotation. Similarly, the y property defines the vertical alignment in the annotation. Possible options for both properties are 'start', 'center', 'end', a string in percentage format. Omitted property have value of the default, 'center'.

    # Fonts and colors

    When the label to draw has multiple lines, you can use different font and color for each line of the label. This is enabled configuring an array of fonts or colors for those options. When the lines are more than the configured fonts of colors, the last configuration of those options is used for all remaining lines.

    - + (opens new window)

    # Label

    Namespace: options.annotations[annotationID].label, it defines options for the the label of annotation.

    All of these options can be Scriptable

    Name Type Default Notes
    color Color|Color[] 'black' Text color.
    content string|string[]|Image (opens new window)|HTMLCanvasElement (opens new window) null The content to show in the label.
    display boolean false Whether or not the label is shown.
    drawTime string|number options.drawTime See drawTime. Defaults to the annotation draw time if unset
    font Font|Font[] { weight: 'bold' } Label font
    height number|string undefined Overrides the height of the image or canvas element. Could be set in pixel by a number, or in percentage of current height of image or canvas element by a string. If undefined, uses the height of the image or canvas element. It is used only when the content is an image or canvas element.
    hitTolerance number undefined Amount of pixels to interact with annotations within some distance of the mouse point.
    opacity number undefined Overrides the opacity of the image or canvas element. Could be set a number in the range 0.0 to 1.0, inclusive. If undefined, uses the opacity of the image or canvas element. It is used only when the content is an image or canvas element.
    padding Padding 6 The padding to add around the text label.
    position string|{x: string, y: string} 'center' Anchor position of label in the annotation.
    rotation number undefined Rotation of label, in degrees. If undefined, the annotation rotation is used.
    textAlign string 'start' Text alignment of label content when there's more than one line. Possible options are: 'left', 'start', 'center', 'end', 'right'.
    textStrokeColor Color undefined The color of the stroke around the text.
    textStrokeWidth number 0 Stroke width around the text.
    width number|string undefined Overrides the width of the image or canvas element. Could be set in pixel by a number, or in percentage of current width of image or canvas element by a string. If undefined, uses the width of the image or canvas element. It is used only when the content is an image or canvas element.
    xAdjust number 0 Adjustment along x-axis (left-right) of label relative to computed position. Negative values move the label left, positive right.
    yAdjust number 0 Adjustment along y-axis (top-bottom) of label relative to computed position. Negative values move the label up, positive down.
    z number 0 It determines the drawing stack level of the label element, with same drawTime.

    # Position

    A position can be set in 2 different values types:

    1. 'start', 'center', 'end' which are defining where the label will be located
    2. a string, in percentage format 'number%', is representing the percentage on the size where the label will be located

    If this value is a string (possible options are 'start', 'center', 'end' or a string in percentage format), it is applied to vertical and horizontal position in the annotation.

    If this value is an object, the x property defines the horizontal alignment in the annotation. Similarly, the y property defines the vertical alignment in the annotation. Possible options for both properties are 'start', 'center', 'end', a string in percentage format. Omitted property have value of the default, 'center'.

    # Fonts and colors

    When the label to draw has multiple lines, you can use different font and color for each line of the label. This is enabled configuring an array of fonts or colors for those options. When the lines are more than the configured fonts of colors, the last configuration of those options is used for all remaining lines.

    + diff --git a/master/guide/types/_commonOptions.html b/master/guide/types/_commonOptions.html index 74bbf8d0f..162a22de8 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'
    hitTolerance number Yes 0
    init boolean See initial animation undefined
    id string No undefined
    shadowBlur number Yes 0
    shadowOffsetX number Yes 0
    shadowOffsetY number Yes 0
    xMax number | string Yes undefined
    xMin number | string Yes undefined
    xScaleID string Yes undefined
    yMin number | string Yes undefined
    yMax number | string Yes undefined
    yScaleID string Yes undefined
    z number Yes 0
    - + (opens new window)

    # Common options to all annotations

    The following options are available for all annotations.

    Name Type Scriptable Default
    adjustScaleRange boolean Yes true
    backgroundColor Color Yes options.color
    borderColor Color Yes options.color
    borderDash number[] Yes []
    borderDashOffset number Yes 0
    borderShadowColor Color Yes 'transparent'
    display boolean Yes true
    drawTime string|number Yes 'afterDatasetsDraw'
    hitTolerance number Yes 0
    init boolean See initial animation undefined
    id string No undefined
    shadowBlur number Yes 0
    shadowOffsetX number Yes 0
    shadowOffsetY number Yes 0
    xMax number | string Yes undefined
    xMin number | string Yes undefined
    xScaleID string Yes undefined
    yMin number | string Yes undefined
    yMax number | string Yes undefined
    yScaleID string Yes undefined
    z number Yes 0
    + diff --git a/master/guide/types/box.html b/master/guide/types/box.html index 26375f329..d9ae1ef82 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'
    hitTolerance number Yes 0
    init boolean See initial animation undefined
    id string No undefined
    shadowBlur number Yes 0
    shadowOffsetX number Yes 0
    shadowOffsetY number Yes 0
    xMax number | string Yes undefined
    xMin number | string Yes undefined
    xScaleID string Yes undefined
    yMin number | string Yes undefined
    yMax number | string Yes undefined
    yScaleID string Yes undefined
    z number Yes 0

    # General

    If one of the axes does not match an axis in the chart, the box will take the entire chart dimension. The 4 coordinates, xMin, xMax, yMin, yMax are optional. If not specified, the box is expanded out to the edges in the respective direction.

    Name Description
    adjustScaleRange Should the scale range be adjusted if this annotation is out of range.
    display Whether or not this annotation is visible.
    drawTime See drawTime.
    hitTolerance Amount of pixels to interact with annotations within some distance of the mouse point.
    id Identifies a unique id for the annotation and it will be stored in the element context. When the annotations are defined by an object, the id is automatically set using the key used to store the annotations in the object. When the annotations are configured by an array, the id, passed by this option in the annotation, will be used.
    rotation Rotation of the box in degrees.
    xMax Right edge of the box in units along the x axis.
    xMin Left edge of the box in units along the x axis.
    xScaleID ID of the X scale to bind onto. If missing, the plugin will try to use the scale of the chart, configured as 'x' axis. If more than one scale has been defined in the chart as 'x' axis, the option is mandatory to select the right scale.
    yMax Bottom edge of the box in units along the y axis.
    yMin Top edge of the box in units along the y axis.
    yScaleID ID of the Y scale to bind onto. If missing, the plugin will try to use the scale of the chart, configured as 'y' axis. If more than one scale has been defined in the chart as 'y' axis, the option is mandatory to select the right scale.
    z The z property determines the drawing stack level of the box annotation element. All visible elements will be drawn in ascending order of z option, with the same drawTime option.

    # Styling

    Name Description
    backgroundColor Fill color.
    backgroundShadowColor The color of shadow. See MDN (opens new window).
    borderCapStyle Cap style of the border line. See MDN (opens new window).
    borderColor Stroke color.
    borderDash Length and spacing of dashes. See MDN (opens new window).
    borderDashOffset Offset for border line dashes. See MDN (opens new window).
    borderJoinStyle Border line join style. See MDN (opens new window).
    borderRadius Radius of box rectangle (in pixels).
    borderShadowColor The color of the border shadow. See MDN (opens new window).
    borderWidth Border line width (in pixels).
    shadowBlur The amount of blur applied to shadow. See MDN (opens new window).
    shadowOffsetX The distance that shadow will be offset horizontally. See MDN (opens new window).
    shadowOffsetY The distance that shadow will be offset vertically. See MDN (opens new window).

    # borderRadius

    If this value is a number, it is applied to all corners of the rectangle (topLeft, topRight, bottomLeft, bottomRight). If this value is an object, the topLeft property defines the top-left corners border radius. Similarly, the topRight, bottomLeft, and bottomRight properties can also be specified. Omitted corners have radius of 0.

    # Label

    Namespace: options.annotations[annotationID].label, it defines options for the the label of annotation.

    All of these options can be Scriptable

    Name Type Default Notes
    color Color|Color[] 'black' Text color.
    content string|string[]|Image (opens new window)|HTMLCanvasElement (opens new window) null The content to show in the label.
    display boolean false Whether or not the label is shown.
    drawTime string options.drawTime See drawTime. Defaults to the annotation draw time if unset
    font Font|Font[] { weight: 'bold' } Label font
    height number|string undefined Overrides the height of the image or canvas element. Could be set in pixel by a number, or in percentage of current height of image or canvas element by a string. If undefined, uses the height of the image or canvas element. It is used only when the content is an image or canvas element.
    hitTolerance number undefined Amount of pixels to interact with annotations within some distance of the mouse point.
    opacity number undefined Overrides the opacity of the image or canvas element. Could be set a number in the range 0.0 to 1.0, inclusive. If undefined, uses the opacity of the image or canvas element. It is used only when the content is an image or canvas element.
    padding Padding 6 The padding to add around the text label.
    position string|{x: string, y: string} 'center' Anchor position of label in the annotation.
    rotation number undefined Rotation of label, in degrees. If undefined, the annotation rotation is used.
    textAlign string 'start' Text alignment of label content when there's more than one line. Possible options are: 'left', 'start', 'center', 'end', 'right'.
    textStrokeColor Color undefined The color of the stroke around the text.
    textStrokeWidth number 0 Stroke width around the text.
    width number|string undefined Overrides the width of the image or canvas element. Could be set in pixel by a number, or in percentage of current width of image or canvas element by a string. If undefined, uses the width of the image or canvas element. It is used only when the content is an image or canvas element.
    xAdjust number 0 Adjustment along x-axis (left-right) of label relative to computed position. Negative values move the label left, positive right.
    yAdjust number 0 Adjustment along y-axis (top-bottom) of label relative to computed position. Negative values move the label up, positive down.
    z number 0 It determines the drawing stack level of the label element, with same drawTime.

    # Position

    A position can be set in 2 different values types:

    1. 'start', 'center', 'end' which are defining where the label will be located
    2. a string, in percentage format 'number%', is representing the percentage on the size where the label will be located

    If this value is a string (possible options are 'start', 'center', 'end' or a string in percentage format), it is applied to vertical and horizontal position in the annotation.

    If this value is an object, the x property defines the horizontal alignment in the annotation. Similarly, the y property defines the vertical alignment in the annotation. Possible options for both properties are 'start', 'center', 'end', a string in percentage format. Omitted property have value of the default, 'center'.

    # Fonts and colors

    When the label to draw has multiple lines, you can use different font and color for each line of the label. This is enabled configuring an array of fonts or colors for those options. When the lines are more than the configured fonts of colors, the last configuration of those options is used for all remaining lines.

    # Element

    The following diagram is showing the element properties about a 'box' annotation:

    box

    The label of a box annotation is described as a label annotation and accessible by element.label.

    +};

    # Configuration

    # Box annotation specific options

    The following options are available for box annotations.

    Name Type Scriptable Default
    backgroundShadowColor Color Yes 'transparent'
    borderCapStyle string Yes 'butt'
    borderJoinStyle string Yes 'miter'
    borderRadius number | object Yes 0
    borderWidth number Yes 1
    label object Yes
    rotation number Yes 0

    # Common options to all annotations

    The following options are available for all annotations.

    Name Type Scriptable Default
    adjustScaleRange boolean Yes true
    backgroundColor Color Yes options.color
    borderColor Color Yes options.color
    borderDash number[] Yes []
    borderDashOffset number Yes 0
    borderShadowColor Color Yes 'transparent'
    display boolean Yes true
    drawTime string|number Yes 'afterDatasetsDraw'
    hitTolerance number Yes 0
    init boolean See initial animation undefined
    id string No undefined
    shadowBlur number Yes 0
    shadowOffsetX number Yes 0
    shadowOffsetY number Yes 0
    xMax number | string Yes undefined
    xMin number | string Yes undefined
    xScaleID string Yes undefined
    yMin number | string Yes undefined
    yMax number | string Yes undefined
    yScaleID string Yes undefined
    z number Yes 0

    # General

    If one of the axes does not match an axis in the chart, the box will take the entire chart dimension. The 4 coordinates, xMin, xMax, yMin, yMax are optional. If not specified, the box is expanded out to the edges in the respective direction.

    Name Description
    adjustScaleRange Should the scale range be adjusted if this annotation is out of range.
    display Whether or not this annotation is visible.
    drawTime See drawTime.
    hitTolerance Amount of pixels to interact with annotations within some distance of the mouse point.
    id Identifies a unique id for the annotation and it will be stored in the element context. When the annotations are defined by an object, the id is automatically set using the key used to store the annotations in the object. When the annotations are configured by an array, the id, passed by this option in the annotation, will be used.
    rotation Rotation of the box in degrees.
    xMax Right edge of the box in units along the x axis.
    xMin Left edge of the box in units along the x axis.
    xScaleID ID of the X scale to bind onto. If missing, the plugin will try to use the scale of the chart, configured as 'x' axis. If more than one scale has been defined in the chart as 'x' axis, the option is mandatory to select the right scale.
    yMax Bottom edge of the box in units along the y axis.
    yMin Top edge of the box in units along the y axis.
    yScaleID ID of the Y scale to bind onto. If missing, the plugin will try to use the scale of the chart, configured as 'y' axis. If more than one scale has been defined in the chart as 'y' axis, the option is mandatory to select the right scale.
    z The z property determines the drawing stack level of the box annotation element. All visible elements will be drawn in ascending order of z option, with the same drawTime option.

    # Styling

    Name Description
    backgroundColor Fill color.
    backgroundShadowColor The color of shadow. See MDN (opens new window).
    borderCapStyle Cap style of the border line. See MDN (opens new window).
    borderColor Stroke color.
    borderDash Length and spacing of dashes. See MDN (opens new window).
    borderDashOffset Offset for border line dashes. See MDN (opens new window).
    borderJoinStyle Border line join style. See MDN (opens new window).
    borderRadius Radius of box rectangle (in pixels).
    borderShadowColor The color of the border shadow. See MDN (opens new window).
    borderWidth Border line width (in pixels).
    shadowBlur The amount of blur applied to shadow. See MDN (opens new window).
    shadowOffsetX The distance that shadow will be offset horizontally. See MDN (opens new window).
    shadowOffsetY The distance that shadow will be offset vertically. See MDN (opens new window).

    # borderRadius

    If this value is a number, it is applied to all corners of the rectangle (topLeft, topRight, bottomLeft, bottomRight). If this value is an object, the topLeft property defines the top-left corners border radius. Similarly, the topRight, bottomLeft, and bottomRight properties can also be specified. Omitted corners have radius of 0.

    # Label

    Namespace: options.annotations[annotationID].label, it defines options for the the label of annotation.

    All of these options can be Scriptable

    Name Type Default Notes
    color Color|Color[] 'black' Text color.
    content string|string[]|Image (opens new window)|HTMLCanvasElement (opens new window) null The content to show in the label.
    display boolean false Whether or not the label is shown.
    drawTime string|number options.drawTime See drawTime. Defaults to the annotation draw time if unset
    font Font|Font[] { weight: 'bold' } Label font
    height number|string undefined Overrides the height of the image or canvas element. Could be set in pixel by a number, or in percentage of current height of image or canvas element by a string. If undefined, uses the height of the image or canvas element. It is used only when the content is an image or canvas element.
    hitTolerance number undefined Amount of pixels to interact with annotations within some distance of the mouse point.
    opacity number undefined Overrides the opacity of the image or canvas element. Could be set a number in the range 0.0 to 1.0, inclusive. If undefined, uses the opacity of the image or canvas element. It is used only when the content is an image or canvas element.
    padding Padding 6 The padding to add around the text label.
    position string|{x: string, y: string} 'center' Anchor position of label in the annotation.
    rotation number undefined Rotation of label, in degrees. If undefined, the annotation rotation is used.
    textAlign string 'start' Text alignment of label content when there's more than one line. Possible options are: 'left', 'start', 'center', 'end', 'right'.
    textStrokeColor Color undefined The color of the stroke around the text.
    textStrokeWidth number 0 Stroke width around the text.
    width number|string undefined Overrides the width of the image or canvas element. Could be set in pixel by a number, or in percentage of current width of image or canvas element by a string. If undefined, uses the width of the image or canvas element. It is used only when the content is an image or canvas element.
    xAdjust number 0 Adjustment along x-axis (left-right) of label relative to computed position. Negative values move the label left, positive right.
    yAdjust number 0 Adjustment along y-axis (top-bottom) of label relative to computed position. Negative values move the label up, positive down.
    z number 0 It determines the drawing stack level of the label element, with same drawTime.

    # Position

    A position can be set in 2 different values types:

    1. 'start', 'center', 'end' which are defining where the label will be located
    2. a string, in percentage format 'number%', is representing the percentage on the size where the label will be located

    If this value is a string (possible options are 'start', 'center', 'end' or a string in percentage format), it is applied to vertical and horizontal position in the annotation.

    If this value is an object, the x property defines the horizontal alignment in the annotation. Similarly, the y property defines the vertical alignment in the annotation. Possible options for both properties are 'start', 'center', 'end', a string in percentage format. Omitted property have value of the default, 'center'.

    # Fonts and colors

    When the label to draw has multiple lines, you can use different font and color for each line of the label. This is enabled configuring an array of fonts or colors for those options. When the lines are more than the configured fonts of colors, the last configuration of those options is used for all remaining lines.

    # Element

    The following diagram is showing the element properties about a 'box' annotation:

    box

    The label of a box annotation is described as a label annotation and accessible by element.label.

    ← →

    - + diff --git a/master/guide/types/ellipse.html b/master/guide/types/ellipse.html index 411478a4e..3733299e2 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'
    hitTolerance number Yes 0
    init boolean See initial animation undefined
    id string No undefined
    shadowBlur number Yes 0
    shadowOffsetX number Yes 0
    shadowOffsetY number Yes 0
    xMax number | string Yes undefined
    xMin number | string Yes undefined
    xScaleID string Yes undefined
    yMin number | string Yes undefined
    yMax number | string Yes undefined
    yScaleID string Yes undefined
    z number Yes 0

    # General

    If one of the axes does not match an axis in the chart, the ellipse will take the entire chart dimension. The 4 coordinates, xMin, xMax, yMin, yMax are optional. If not specified, the ellipse is expanded out to the edges in the respective direction.

    Name Description
    adjustScaleRange Should the scale range be adjusted if this annotation is out of range.
    display Whether or not this annotation is visible.
    drawTime See drawTime.
    hitTolerance Amount of pixels to interact with annotations within some distance of the mouse point.
    id Identifies a unique id for the annotation and it will be stored in the element context. When the annotations are defined by an object, the id is automatically set using the key used to store the annotations in the object. When the annotations are configured by an array, the id, passed by this option in the annotation, will be used.
    rotation Rotation of the ellipse in degrees, default is 0.
    xMax Right edge of the ellipse in units along the x axis.
    xMin Left edge of the ellipse in units along the x axis.
    xScaleID ID of the X scale to bind onto. If missing, the plugin will try to use the scale of the chart, configured as 'x' axis. If more than one scale has been defined in the chart as 'x' axis, the option is mandatory to select the right scale.
    yMax Bottom edge of the ellipse in units along the y axis.
    yMin Top edge of the ellipse in units along the y axis.
    yScaleID ID of the Y scale to bind onto. If missing, the plugin will try to use the scale of the chart, configured as 'y' axis. If more than one scale has been defined in the chart as 'y' axis, the option is mandatory to select the right scale.
    z The z property determines the drawing stack level of the ellipse annotation element. All visible elements will be drawn in ascending order of z option, with the same drawTime option.

    # Styling

    Name Description
    backgroundColor Fill color.
    backgroundShadowColor The color of shadow. See MDN (opens new window).
    borderColor Stroke color.
    borderDash Length and spacing of dashes. See MDN (opens new window).
    borderDashOffset Offset for line dashes. See MDN (opens new window).
    borderShadowColor The color of the border shadow. See MDN (opens new window).
    borderWidth Stroke width.
    shadowBlur The amount of blur applied to shadow. See MDN (opens new window).
    shadowOffsetX The distance that shadow will be offset horizontally. See MDN (opens new window).
    shadowOffsetY The distance that shadow will be offset vertically. See MDN (opens new window).

    # Label

    Namespace: options.annotations[annotationID].label, it defines options for the the label of annotation.

    All of these options can be Scriptable

    Name Type Default Notes
    color Color|Color[] 'black' Text color.
    content string|string[]|Image (opens new window)|HTMLCanvasElement (opens new window) null The content to show in the label.
    display boolean false Whether or not the label is shown.
    drawTime string options.drawTime See drawTime. Defaults to the annotation draw time if unset
    font Font|Font[] { weight: 'bold' } Label font
    height number|string undefined Overrides the height of the image or canvas element. Could be set in pixel by a number, or in percentage of current height of image or canvas element by a string. If undefined, uses the height of the image or canvas element. It is used only when the content is an image or canvas element.
    hitTolerance number undefined Amount of pixels to interact with annotations within some distance of the mouse point.
    opacity number undefined Overrides the opacity of the image or canvas element. Could be set a number in the range 0.0 to 1.0, inclusive. If undefined, uses the opacity of the image or canvas element. It is used only when the content is an image or canvas element.
    padding Padding 6 The padding to add around the text label.
    position string|{x: string, y: string} 'center' Anchor position of label in the annotation.
    rotation number undefined Rotation of label, in degrees. If undefined, the annotation rotation is used.
    textAlign string 'start' Text alignment of label content when there's more than one line. Possible options are: 'left', 'start', 'center', 'end', 'right'.
    textStrokeColor Color undefined The color of the stroke around the text.
    textStrokeWidth number 0 Stroke width around the text.
    width number|string undefined Overrides the width of the image or canvas element. Could be set in pixel by a number, or in percentage of current width of image or canvas element by a string. If undefined, uses the width of the image or canvas element. It is used only when the content is an image or canvas element.
    xAdjust number 0 Adjustment along x-axis (left-right) of label relative to computed position. Negative values move the label left, positive right.
    yAdjust number 0 Adjustment along y-axis (top-bottom) of label relative to computed position. Negative values move the label up, positive down.
    z number 0 It determines the drawing stack level of the label element, with same drawTime.

    # Position

    A position can be set in 2 different values types:

    1. 'start', 'center', 'end' which are defining where the label will be located
    2. a string, in percentage format 'number%', is representing the percentage on the size where the label will be located

    If this value is a string (possible options are 'start', 'center', 'end' or a string in percentage format), it is applied to vertical and horizontal position in the annotation.

    If this value is an object, the x property defines the horizontal alignment in the annotation. Similarly, the y property defines the vertical alignment in the annotation. Possible options for both properties are 'start', 'center', 'end', a string in percentage format. Omitted property have value of the default, 'center'.

    # Fonts and colors

    When the label to draw has multiple lines, you can use different font and color for each line of the label. This is enabled configuring an array of fonts or colors for those options. When the lines are more than the configured fonts of colors, the last configuration of those options is used for all remaining lines.

    # Element

    The following diagram is showing the element properties about a 'ellipse' annotation:

    ellipse

    +};

    # Configuration

    # Ellipse annotation specific options

    The following options are available for ellipse annotations.

    Name Type Scriptable Default
    backgroundShadowColor Color Yes 'transparent'
    borderWidth number Yes 1
    label object Yes
    rotation number Yes 0

    # Common options to all annotations

    The following options are available for all annotations.

    Name Type Scriptable Default
    adjustScaleRange boolean Yes true
    backgroundColor Color Yes options.color
    borderColor Color Yes options.color
    borderDash number[] Yes []
    borderDashOffset number Yes 0
    borderShadowColor Color Yes 'transparent'
    display boolean Yes true
    drawTime string|number Yes 'afterDatasetsDraw'
    hitTolerance number Yes 0
    init boolean See initial animation undefined
    id string No undefined
    shadowBlur number Yes 0
    shadowOffsetX number Yes 0
    shadowOffsetY number Yes 0
    xMax number | string Yes undefined
    xMin number | string Yes undefined
    xScaleID string Yes undefined
    yMin number | string Yes undefined
    yMax number | string Yes undefined
    yScaleID string Yes undefined
    z number Yes 0

    # General

    If one of the axes does not match an axis in the chart, the ellipse will take the entire chart dimension. The 4 coordinates, xMin, xMax, yMin, yMax are optional. If not specified, the ellipse is expanded out to the edges in the respective direction.

    Name Description
    adjustScaleRange Should the scale range be adjusted if this annotation is out of range.
    display Whether or not this annotation is visible.
    drawTime See drawTime.
    hitTolerance Amount of pixels to interact with annotations within some distance of the mouse point.
    id Identifies a unique id for the annotation and it will be stored in the element context. When the annotations are defined by an object, the id is automatically set using the key used to store the annotations in the object. When the annotations are configured by an array, the id, passed by this option in the annotation, will be used.
    rotation Rotation of the ellipse in degrees, default is 0.
    xMax Right edge of the ellipse in units along the x axis.
    xMin Left edge of the ellipse in units along the x axis.
    xScaleID ID of the X scale to bind onto. If missing, the plugin will try to use the scale of the chart, configured as 'x' axis. If more than one scale has been defined in the chart as 'x' axis, the option is mandatory to select the right scale.
    yMax Bottom edge of the ellipse in units along the y axis.
    yMin Top edge of the ellipse in units along the y axis.
    yScaleID ID of the Y scale to bind onto. If missing, the plugin will try to use the scale of the chart, configured as 'y' axis. If more than one scale has been defined in the chart as 'y' axis, the option is mandatory to select the right scale.
    z The z property determines the drawing stack level of the ellipse annotation element. All visible elements will be drawn in ascending order of z option, with the same drawTime option.

    # Styling

    Name Description
    backgroundColor Fill color.
    backgroundShadowColor The color of shadow. See MDN (opens new window).
    borderColor Stroke color.
    borderDash Length and spacing of dashes. See MDN (opens new window).
    borderDashOffset Offset for line dashes. See MDN (opens new window).
    borderShadowColor The color of the border shadow. See MDN (opens new window).
    borderWidth Stroke width.
    shadowBlur The amount of blur applied to shadow. See MDN (opens new window).
    shadowOffsetX The distance that shadow will be offset horizontally. See MDN (opens new window).
    shadowOffsetY The distance that shadow will be offset vertically. See MDN (opens new window).

    # Label

    Namespace: options.annotations[annotationID].label, it defines options for the the label of annotation.

    All of these options can be Scriptable

    Name Type Default Notes
    color Color|Color[] 'black' Text color.
    content string|string[]|Image (opens new window)|HTMLCanvasElement (opens new window) null The content to show in the label.
    display boolean false Whether or not the label is shown.
    drawTime string|number options.drawTime See drawTime. Defaults to the annotation draw time if unset
    font Font|Font[] { weight: 'bold' } Label font
    height number|string undefined Overrides the height of the image or canvas element. Could be set in pixel by a number, or in percentage of current height of image or canvas element by a string. If undefined, uses the height of the image or canvas element. It is used only when the content is an image or canvas element.
    hitTolerance number undefined Amount of pixels to interact with annotations within some distance of the mouse point.
    opacity number undefined Overrides the opacity of the image or canvas element. Could be set a number in the range 0.0 to 1.0, inclusive. If undefined, uses the opacity of the image or canvas element. It is used only when the content is an image or canvas element.
    padding Padding 6 The padding to add around the text label.
    position string|{x: string, y: string} 'center' Anchor position of label in the annotation.
    rotation number undefined Rotation of label, in degrees. If undefined, the annotation rotation is used.
    textAlign string 'start' Text alignment of label content when there's more than one line. Possible options are: 'left', 'start', 'center', 'end', 'right'.
    textStrokeColor Color undefined The color of the stroke around the text.
    textStrokeWidth number 0 Stroke width around the text.
    width number|string undefined Overrides the width of the image or canvas element. Could be set in pixel by a number, or in percentage of current width of image or canvas element by a string. If undefined, uses the width of the image or canvas element. It is used only when the content is an image or canvas element.
    xAdjust number 0 Adjustment along x-axis (left-right) of label relative to computed position. Negative values move the label left, positive right.
    yAdjust number 0 Adjustment along y-axis (top-bottom) of label relative to computed position. Negative values move the label up, positive down.
    z number 0 It determines the drawing stack level of the label element, with same drawTime.

    # Position

    A position can be set in 2 different values types:

    1. 'start', 'center', 'end' which are defining where the label will be located
    2. a string, in percentage format 'number%', is representing the percentage on the size where the label will be located

    If this value is a string (possible options are 'start', 'center', 'end' or a string in percentage format), it is applied to vertical and horizontal position in the annotation.

    If this value is an object, the x property defines the horizontal alignment in the annotation. Similarly, the y property defines the vertical alignment in the annotation. Possible options for both properties are 'start', 'center', 'end', a string in percentage format. Omitted property have value of the default, 'center'.

    # Fonts and colors

    When the label to draw has multiple lines, you can use different font and color for each line of the label. This is enabled configuring an array of fonts or colors for those options. When the lines are more than the configured fonts of colors, the last configuration of those options is used for all remaining lines.

    # Element

    The following diagram is showing the element properties about a 'ellipse' annotation:

    ellipse

    ← →

    - + diff --git a/master/guide/types/label.html b/master/guide/types/label.html index c1884c515..5fec3dfd7 100644 --- a/master/guide/types/label.html +++ b/master/guide/types/label.html @@ -7,7 +7,7 @@ - + @@ -95,7 +95,7 @@ }] }, options -};

    # Configuration

    # Label annotation specific options

    The following options are available for label 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 0
    callout object Yes
    color Color|Color[] Yes 'black'
    content string|string[]|Image (opens new window)|HTMLCanvasElement (opens new window) Yes null
    font Font|Font[] Yes {}
    height number|string Yes undefined
    opacity number Yes undefined
    padding Padding Yes 6
    position string|{x: string, y: string} Yes 'center'
    rotation number Yes 0
    textAlign string Yes 'center'
    textStrokeColor Color Yes undefined
    textStrokeWidth number Yes 0
    width number|string Yes undefined
    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'
    hitTolerance number Yes 0
    init boolean See initial animation undefined
    id string No undefined
    shadowBlur number Yes 0
    shadowOffsetX number Yes 0
    shadowOffsetY number Yes 0
    xMax number | string Yes undefined
    xMin number | string Yes undefined
    xScaleID string Yes undefined
    yMin number | string Yes undefined
    yMax number | string Yes undefined
    yScaleID string Yes undefined
    z number Yes 0

    # General

    If one of the axes does not match an axis in the chart, the 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.

    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.

    Name Description
    adjustScaleRange Should the scale range be adjusted if this annotation is out of range.
    content The content to show in the text annotation.
    display Whether or not this annotation is visible.
    drawTime See drawTime.
    height Overrides the height of the image or canvas element. Could be set in pixel by a number, or in percentage of current height of image or canvas element by a string. If undefined, uses the height of the image or canvas element. It is used only when the content is an image or canvas element.
    hitTolerance Amount of pixels to interact with annotations within some distance of the mouse point.
    id Identifies a unique id for the annotation and it will be stored in the element context. When the annotations are defined by an object, the id is automatically set using the key used to store the annotations in the object. When the annotations are configured by an array, the id, passed by this option in the annotation, will be used.
    padding The padding to add around the text label.
    rotation Rotation of the label in degrees.
    textAlign Text alignment of label content when there's more than one line. Possible options are: 'left', 'start', 'center', 'end', 'right'.
    width 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 Adjustment along x-axis (left-right) of label relative to computed position. Negative values move the label 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 label relative to computed position. Negative values move the label 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 label 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).
    borderShadowColor The color of the border shadow. See MDN (opens new window).
    borderWidth Stroke width (in pixels).
    color 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.
    font 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.
    opacity 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.
    shadowBlur The amount of blur applied to shadow of the box where the label is located. See MDN (opens new window).
    shadowOffsetX The distance that shadow, of the box where the label is located, will be offset horizontally. See MDN (opens new window).
    shadowOffsetY The distance that shadow, of the box where the label is located, will be offset vertically. See MDN (opens new window).
    textStrokeColor The color of the stroke around the text.
    textStrokeWidth Stroke width around the text.

    # 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 box.

    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'.

    # 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.

    # Callout

    A callout connects the label by a line to the selected point.

    Namespace: options.annotations[annotationID].callout, it defines options for the callout on the annotation label.

    # Configuration

    # Label annotation specific options

    The following options are available for label 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 0
    callout object Yes
    color Color|Color[] Yes 'black'
    content string|string[]|Image (opens new window)|HTMLCanvasElement (opens new window) Yes null
    font Font|Font[] Yes {}
    height number|string Yes undefined
    opacity number Yes undefined
    padding Padding Yes 6
    position string|{x: string, y: string} Yes 'center'
    rotation number Yes 0
    textAlign string Yes 'center'
    textStrokeColor Color Yes undefined
    textStrokeWidth number Yes 0
    width number|string Yes undefined
    xAdjust number Yes 0
    xValue number | string Yes undefined
    yAdjust number Yes 0
    yValue number | string Yes undefined

    # Common options to all annotations

    The following options are available for all annotations.

    Name Type Scriptable Default
    adjustScaleRange boolean Yes true
    backgroundColor Color Yes options.color
    borderColor Color Yes options.color
    borderDash number[] Yes []
    borderDashOffset number Yes 0
    borderShadowColor Color Yes 'transparent'
    display boolean Yes true
    drawTime string|number Yes 'afterDatasetsDraw'
    hitTolerance number Yes 0
    init boolean See initial animation undefined
    id string No undefined
    shadowBlur number Yes 0
    shadowOffsetX number Yes 0
    shadowOffsetY number Yes 0
    xMax number | string Yes undefined
    xMin number | string Yes undefined
    xScaleID string Yes undefined
    yMin number | string Yes undefined
    yMax number | string Yes undefined
    yScaleID string Yes undefined
    z number Yes 0

    # General

    If one of the axes does not match an axis in the chart, the 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.

    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.

    Name Description
    adjustScaleRange Should the scale range be adjusted if this annotation is out of range.
    content The content to show in the text annotation.
    display Whether or not this annotation is visible.
    drawTime See drawTime.
    height Overrides the height of the image or canvas element. Could be set in pixel by a number, or in percentage of current height of image or canvas element by a string. If undefined, uses the height of the image or canvas element. It is used only when the content is an image or canvas element.
    hitTolerance Amount of pixels to interact with annotations within some distance of the mouse point.
    id Identifies a unique id for the annotation and it will be stored in the element context. When the annotations are defined by an object, the id is automatically set using the key used to store the annotations in the object. When the annotations are configured by an array, the id, passed by this option in the annotation, will be used.
    padding The padding to add around the text label.
    rotation Rotation of the label in degrees.
    textAlign Text alignment of label content when there's more than one line. Possible options are: 'left', 'start', 'center', 'end', 'right'.
    width 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 Adjustment along x-axis (left-right) of label relative to computed position. Negative values move the label 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 label relative to computed position. Negative values move the label 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 label 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).
    borderShadowColor The color of the border shadow. See MDN (opens new window).
    borderWidth Stroke width (in pixels).
    color 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.
    font 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.
    opacity 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.
    shadowBlur The amount of blur applied to shadow of the box where the label is located. See MDN (opens new window).
    shadowOffsetX The distance that shadow, of the box where the label is located, will be offset horizontally. See MDN (opens new window).
    shadowOffsetY The distance that shadow, of the box where the label is located, will be offset vertically. See MDN (opens new window).
    textStrokeColor The color of the stroke around the text.
    textStrokeWidth Stroke width around the text.

    # 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 box.

    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'.

    # 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.

    # Callout

    A callout connects the label by a line to the selected point.

    Namespace: options.annotations[annotationID].callout, it defines options for the callout on the 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

    +};

    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 8ebde322e..b89210211 100644 --- a/master/guide/types/line.html +++ b/master/guide/types/line.html @@ -7,7 +7,7 @@ - + @@ -89,8 +89,8 @@ }] }, 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'
    hitTolerance number Yes 0
    init boolean See initial animation undefined
    id string No undefined
    shadowBlur number Yes 0
    shadowOffsetX number Yes 0
    shadowOffsetY number Yes 0
    xMax number | string Yes undefined
    xMin number | string Yes undefined
    xScaleID string Yes undefined
    yMin number | string Yes undefined
    yMax number | string Yes undefined
    yScaleID string Yes undefined
    z number Yes 0

    # General

    If one of the axes does not match an axis in the chart then the line behaviors are the following, depending on how the line should be drawn:

    1. if scaleID is not resolved, the line will take the entire chart dimension, from the top-left vertex to the bottom-right vertex of the chart
    2. if xScaleID is not resolved, the line will take the entire chart width
    3. if yScaleID is not resolved, the line will take the entire chart height

    The 2 coordinates, start, end, are optional. If not specified, the line is expanded out to the edges in the respective direction. -The 4 coordinates, xMin, xMax, yMin, yMax are optional. If not specified, the line is expanded out to the edges in the respective direction.

    The id identifies a unique id for the annotation and it will be stored in the element context. When the annotations are defined by an object, the id is automatically set using the key used to store the annotations in the object. When the annotations are configured by an array, the id, passed by this option in the annotation, will be used.

    # Positioning

    The line can be positioned in two different ways. If scaleID is set, then value and endValue must also be set to indicate the endpoints of the line. The line will be perpendicular to the axis identified by scaleID.

    If scaleID is unset, then xScaleID and yScaleID are used to draw a line from (xMin, yMin) to (xMax, yMax).

    Name Description
    adjustScaleRange Should the scale range be adjusted if this annotation is out of range.
    controlPoint if curve is enabled, it configures the control point to drawn the curve, calculated in pixels. It can be set by a string in percentage format 'number%' which are representing the percentage of the distance between the start and end point from the center.
    curve Whether or not a quadratic Bézier curve (opens new window) is drawn.
    display Whether or not this annotation is visible.
    drawTime See drawTime.
    endValue End two of the line when a single scale is specified.
    hitTolerance Amount of pixels to interact with annotations within some distance of the mouse point.
    id Identifies a unique id for the annotation and it will be stored in the element context. When the annotations are defined by an object, the id is automatically set using the key used to store the annotations in the object. When the annotations are configured by an array, the id, passed by this option in the annotation, will be used.
    scaleID ID of the scale in single scale mode. If unset, xScaleID and yScaleID are used.
    value End one of the line when a single scale is specified.
    xMax X coordinate of end two of the line in units along the x axis.
    xMin X coordinate of end one of the line in units along the x axis.
    xScaleID ID of the X scale to bind onto. If missing, the plugin will try to use the scale of the chart, configured as 'x' axis. If more than one scale has been defined in the chart as 'x' axis, the option is mandatory to select the right scale.
    yMax Y coordinate of end two of the line in units along the y axis.
    yMin Y coordinate of end one of the line in units along the y axis.
    yScaleID ID of the Y scale to bind onto. If missing, the plugin will try to use the scale of the chart, configured as 'y' axis. If more than one scale has been defined in the chart as 'y' axis, the option is mandatory to select the right scale.
    z The z property determines the drawing stack level of the line annotation element. All visible elements will be drawn in ascending order of z option, with the same drawTime option.

    # Styling

    Name Description
    borderColor Stroke color.
    borderDash Length and spacing of dashes. See MDN (opens new window).
    borderDashOffset Offset for line dashes. See MDN (opens new window).
    borderShadowColor The color of shadow. See MDN (opens new window).
    borderWidth Stroke width.
    shadowBlur The amount of blur applied to shadow. See MDN (opens new window).
    shadowOffsetX The distance that shadow will be offset horizontally. See MDN (opens new window).
    shadowOffsetY The distance that shadow will be offset vertically. See MDN (opens new window).

    # Label

    Namespace: options.annotations[annotationID].label, it defines options for the line annotation label.

    All of these options can be Scriptable

    Name Type Default Notes
    backgroundColor Color 'rgba(0,0,0,0.8)' Background color of the label container.
    backgroundShadowColor Color 'transparent' The color of shadow of the box where the label is located. See MDN (opens new window).
    borderCapStyle string 'butt' Cap style of the border line. See MDN (opens new window).
    borderColor Color black The border line color.
    borderDash number[] [] Length and spacing of dashes. See MDN (opens new window).
    borderDashOffset number 0 Offset for border line dashes. See MDN (opens new window).
    borderJoinStyle string 'miter' Border line join style. See MDN (opens new window).
    borderRadius number | object 6 Radius of label box corners in pixels.
    borderShadowColor Color 'transparent' The color of border shadow of the box where the label is located. See MDN (opens new window).
    borderWidth number 0 The border line width (in pixels).
    callout object Can connect the label to the line. See callout.
    color Color|Color[] '#fff' Text color.
    content string|string[]|Image (opens new window)|HTMLCanvasElement (opens new window) null The content to show in the label.
    display boolean false Whether or not the label is shown.
    drawTime string options.drawTime See drawTime. Defaults to the line annotation draw time if unset.
    font Font|Font[] { weight: 'bold' } Label font.
    height number|string undefined Overrides the height of the image or canvas element. Could be set in pixel by a number, or in percentage of current height of image or canvas element by a string. If undefined, uses the height of the image or canvas element. It is used only when the content is an image or canvas element.
    hitTolerance number undefined Amount of pixels to interact with annotations within some distance of the mouse point.
    opacity number undefined Overrides the opacity of the image or canvas element. Could be set a number in the range 0.0 to 1.0, inclusive. If undefined, uses the opacity of the image or canvas element. It is used only when the content is an image or canvas element.
    padding Padding 6 The padding to add around the text label.
    position string 'center' Anchor position of label on line. Possible options are: 'start', 'center', 'end'. It can be set by a string in percentage format 'number%' which are representing the percentage on the width of the line where the label will be located.
    rotation number|'auto' 0 Rotation of label, in degrees, or 'auto' to use the degrees of the line.
    shadowBlur number 0 The amount of blur applied to shadow of the box where the label is located. See MDN (opens new window).
    shadowOffsetX number 0 The distance that shadow, of the box where the label is located, will be offset horizontally. See MDN (opens new window).
    shadowOffsetY number 0 The distance that shadow, of the box where the label is located, will be offset vertically. See MDN (opens new window).
    textAlign string 'center' Text alignment of label content when there's more than one line. Possible options are: 'start', 'center', 'end'.
    textStrokeColor Color undefined The color of the stroke around the text.
    textStrokeWidth number 0 Stroke width around the text.
    width number|string undefined Overrides the width of the image or canvas element. Could be set in pixel by a number, or in percentage of current width of image or canvas element by a string. If undefined, uses the width of the image or canvas element. It is used only when the content is an image or canvas element.
    xAdjust number 0 Adjustment along x-axis (left-right) of label relative to computed position. Negative values move the label left, positive right.
    yAdjust number 0 Adjustment along y-axis (top-bottom) of label relative to computed position. Negative values move the label up, positive down.
    z number 0 It determines the drawing stack level of the label element, with same drawTime.

    # borderRadius

    If this value is a number, it is applied to all corners of the rectangle (topLeft, topRight, bottomLeft, bottomRight). If this value is an object, the topLeft property defines the top-left corners border radius. Similarly, the topRight, bottomLeft, and bottomRight properties can also be specified. Omitted corners have radius of 0.

    # Fonts and colors

    When the label to draw has multiple lines, you can use different font and color for each line of the label. This is enabled configuring an array of fonts or colors for those options. When the lines are more than the configured fonts of colors, the last configuration of those options is used for all remaining lines.

    # Callout

    A callout can connect the label to the line when the label is arbitrarily (by xAdjust and yAdjust options) moved from its original position.

    Namespace: options.annotations[annotationID].label.callout, it defines options for the callout on the label of the line annotation.

    All of these options can be Scriptable.

    Name Type Default Notes
    borderCapStyle string 'butt' Cap style of the border line of callout. See MDN (opens new window).
    borderColor Color undefined Stroke color of the pointer of the callout.
    borderDash number[] [] Length and spacing of dashes of callout. See MDN (opens new window).
    borderDashOffset number 0 Offset for line dashes of callout. See MDN (opens new window).
    borderJoinStyle string 'miter' Border line join style of the callout. See MDN (opens new window).
    borderWidth number 1 Stroke width of the pointer of the callout.
    display boolean false If true, the callout is drawn.
    margin number 5 Amount of pixels between the label and the callout separator.
    position string 'auto' The position of callout, with respect to the label. Could be left, top, right, bottom or auto.
    side number 5 Width of the starter line of callout pointer.
    start number|string '50%' The percentage of the separator dimension to use as starting point for callout pointer. Could be set in pixel by a number, or in percentage of the separator dimension by a string.

    # Arrow heads

    Namespace: options.annotations[annotationID].arrowHeads, it defines options for the line annotation arrow heads.

    All of these options can be Scriptable

    Name Type Notes
    end object To configure the arrow head at the end of the line.
    start object To configure the arrow head at the start of the line.

    # Arrow head configuration

    Enabling it, you can add arrow heads at start and/or end of a line. It uses the borderWidth of the line options to configure the line width of the arrow head.

    The following options can be specified per (start and/or end) arrow head, or at the top level (arrowHeads) which apply to all arrow heads.

    All of these options can be Scriptable

    Name Type Default Notes
    backgroundColor Color lineAnnotation.borderColor Background color of the arrow head.
    backgroundShadowColor Color 'transparent' The color of shadow of the arrow head. See MDN (opens new window).
    borderColor Color lineAnnotation.borderColor The border arrow head color.
    borderDash number[] lineAnnotation.borderDash Length and spacing of dashes. See MDN (opens new window).
    borderDashOffset number lineAnnotation.borderDashOffset Offset for border arrow head dashes. See MDN (opens new window).
    borderShadowColor Color lineAnnotation.borderShadowColor The color of border shadow of the arrow head. See MDN (opens new window).
    borderWidth number lineAnnotation.borderWidth The border line width (in pixels).
    display boolean false Whether or not the arrow head is shown.
    fill boolean false Whether or not the arrow head is filled.
    length number 12 The length of the arrow head in pixels.
    shadowBlur number lineAnnotation.shadowBlur The amount of blur applied to shadow of the arrow head. See MDN (opens new window).
    shadowOffsetX number lineAnnotation.shadowOffsetX The distance that shadow, of the arrow head, will be offset horizontally. See MDN (opens new window).
    shadowOffsetY number lineAnnotation.shadowOffsetY The distance that shadow, of the arrow head, will be offset vertically. See MDN (opens new window).
    width number 6 The width of the arrow head in pixels.

    # Element

    The following diagram is showing the element properties about a 'line' annotation:

    line

    The label of a box annotation is described as a label annotation and accessible by element.label.

    +};

    # Configuration

    # Line annotation specific options

    The following options are available for line annotations.

    Name Type Scriptable Default
    arrowHeads {start: object, end:object} Yes
    borderWidth number Yes 2
    controlPoint number | string | {x: number | string, y: number | string} Yes {y:'-50%'}
    curve boolean Yes false
    endValue number Yes undefined
    label object Yes
    scaleID string Yes undefined
    value number Yes undefined

    # Common options to all annotations

    The following options are available for all annotations.

    Name Type Scriptable Default
    adjustScaleRange boolean Yes true
    backgroundColor Color Yes options.color
    borderColor Color Yes options.color
    borderDash number[] Yes []
    borderDashOffset number Yes 0
    borderShadowColor Color Yes 'transparent'
    display boolean Yes true
    drawTime string|number Yes 'afterDatasetsDraw'
    hitTolerance number Yes 0
    init boolean See initial animation undefined
    id string No undefined
    shadowBlur number Yes 0
    shadowOffsetX number Yes 0
    shadowOffsetY number Yes 0
    xMax number | string Yes undefined
    xMin number | string Yes undefined
    xScaleID string Yes undefined
    yMin number | string Yes undefined
    yMax number | string Yes undefined
    yScaleID string Yes undefined
    z number Yes 0

    # General

    If one of the axes does not match an axis in the chart then the line behaviors are the following, depending on how the line should be drawn:

    1. if scaleID is not resolved, the line will take the entire chart dimension, from the top-left vertex to the bottom-right vertex of the chart
    2. if xScaleID is not resolved, the line will take the entire chart width
    3. if yScaleID is not resolved, the line will take the entire chart height

    The 2 coordinates, start, end, are optional. If not specified, the line is expanded out to the edges in the respective direction. +The 4 coordinates, xMin, xMax, yMin, yMax are optional. If not specified, the line is expanded out to the edges in the respective direction.

    The id identifies a unique id for the annotation and it will be stored in the element context. When the annotations are defined by an object, the id is automatically set using the key used to store the annotations in the object. When the annotations are configured by an array, the id, passed by this option in the annotation, will be used.

    # Positioning

    The line can be positioned in two different ways. If scaleID is set, then value and endValue must also be set to indicate the endpoints of the line. The line will be perpendicular to the axis identified by scaleID.

    If scaleID is unset, then xScaleID and yScaleID are used to draw a line from (xMin, yMin) to (xMax, yMax).

    Name Description
    adjustScaleRange Should the scale range be adjusted if this annotation is out of range.
    controlPoint if curve is enabled, it configures the control point to drawn the curve, calculated in pixels. It can be set by a string in percentage format 'number%' which are representing the percentage of the distance between the start and end point from the center.
    curve Whether or not a quadratic Bézier curve (opens new window) is drawn.
    display Whether or not this annotation is visible.
    drawTime See drawTime.
    endValue End two of the line when a single scale is specified.
    hitTolerance Amount of pixels to interact with annotations within some distance of the mouse point.
    id Identifies a unique id for the annotation and it will be stored in the element context. When the annotations are defined by an object, the id is automatically set using the key used to store the annotations in the object. When the annotations are configured by an array, the id, passed by this option in the annotation, will be used.
    scaleID ID of the scale in single scale mode. If unset, xScaleID and yScaleID are used.
    value End one of the line when a single scale is specified.
    xMax X coordinate of end two of the line in units along the x axis.
    xMin X coordinate of end one of the line in units along the x axis.
    xScaleID ID of the X scale to bind onto. If missing, the plugin will try to use the scale of the chart, configured as 'x' axis. If more than one scale has been defined in the chart as 'x' axis, the option is mandatory to select the right scale.
    yMax Y coordinate of end two of the line in units along the y axis.
    yMin Y coordinate of end one of the line in units along the y axis.
    yScaleID ID of the Y scale to bind onto. If missing, the plugin will try to use the scale of the chart, configured as 'y' axis. If more than one scale has been defined in the chart as 'y' axis, the option is mandatory to select the right scale.
    z The z property determines the drawing stack level of the line annotation element. All visible elements will be drawn in ascending order of z option, with the same drawTime option.

    # Styling

    Name Description
    borderColor Stroke color.
    borderDash Length and spacing of dashes. See MDN (opens new window).
    borderDashOffset Offset for line dashes. See MDN (opens new window).
    borderShadowColor The color of shadow. See MDN (opens new window).
    borderWidth Stroke width.
    shadowBlur The amount of blur applied to shadow. See MDN (opens new window).
    shadowOffsetX The distance that shadow will be offset horizontally. See MDN (opens new window).
    shadowOffsetY The distance that shadow will be offset vertically. See MDN (opens new window).

    # Label

    Namespace: options.annotations[annotationID].label, it defines options for the line annotation label.

    All of these options can be Scriptable

    Name Type Default Notes
    backgroundColor Color 'rgba(0,0,0,0.8)' Background color of the label container.
    backgroundShadowColor Color 'transparent' The color of shadow of the box where the label is located. See MDN (opens new window).
    borderCapStyle string 'butt' Cap style of the border line. See MDN (opens new window).
    borderColor Color black The border line color.
    borderDash number[] [] Length and spacing of dashes. See MDN (opens new window).
    borderDashOffset number 0 Offset for border line dashes. See MDN (opens new window).
    borderJoinStyle string 'miter' Border line join style. See MDN (opens new window).
    borderRadius number | object 6 Radius of label box corners in pixels.
    borderShadowColor Color 'transparent' The color of border shadow of the box where the label is located. See MDN (opens new window).
    borderWidth number 0 The border line width (in pixels).
    callout object Can connect the label to the line. See callout.
    color Color|Color[] '#fff' Text color.
    content string|string[]|Image (opens new window)|HTMLCanvasElement (opens new window) null The content to show in the label.
    display boolean false Whether or not the label is shown.
    drawTime string|number options.drawTime See drawTime. Defaults to the line annotation draw time if unset.
    font Font|Font[] { weight: 'bold' } Label font.
    height number|string undefined Overrides the height of the image or canvas element. Could be set in pixel by a number, or in percentage of current height of image or canvas element by a string. If undefined, uses the height of the image or canvas element. It is used only when the content is an image or canvas element.
    hitTolerance number undefined Amount of pixels to interact with annotations within some distance of the mouse point.
    opacity number undefined Overrides the opacity of the image or canvas element. Could be set a number in the range 0.0 to 1.0, inclusive. If undefined, uses the opacity of the image or canvas element. It is used only when the content is an image or canvas element.
    padding Padding 6 The padding to add around the text label.
    position string 'center' Anchor position of label on line. Possible options are: 'start', 'center', 'end'. It can be set by a string in percentage format 'number%' which are representing the percentage on the width of the line where the label will be located.
    rotation number|'auto' 0 Rotation of label, in degrees, or 'auto' to use the degrees of the line.
    shadowBlur number 0 The amount of blur applied to shadow of the box where the label is located. See MDN (opens new window).
    shadowOffsetX number 0 The distance that shadow, of the box where the label is located, will be offset horizontally. See MDN (opens new window).
    shadowOffsetY number 0 The distance that shadow, of the box where the label is located, will be offset vertically. See MDN (opens new window).
    textAlign string 'center' Text alignment of label content when there's more than one line. Possible options are: 'start', 'center', 'end'.
    textStrokeColor Color undefined The color of the stroke around the text.
    textStrokeWidth number 0 Stroke width around the text.
    width number|string undefined Overrides the width of the image or canvas element. Could be set in pixel by a number, or in percentage of current width of image or canvas element by a string. If undefined, uses the width of the image or canvas element. It is used only when the content is an image or canvas element.
    xAdjust number 0 Adjustment along x-axis (left-right) of label relative to computed position. Negative values move the label left, positive right.
    yAdjust number 0 Adjustment along y-axis (top-bottom) of label relative to computed position. Negative values move the label up, positive down.
    z number 0 It determines the drawing stack level of the label element, with same drawTime.

    # borderRadius

    If this value is a number, it is applied to all corners of the rectangle (topLeft, topRight, bottomLeft, bottomRight). If this value is an object, the topLeft property defines the top-left corners border radius. Similarly, the topRight, bottomLeft, and bottomRight properties can also be specified. Omitted corners have radius of 0.

    # Fonts and colors

    When the label to draw has multiple lines, you can use different font and color for each line of the label. This is enabled configuring an array of fonts or colors for those options. When the lines are more than the configured fonts of colors, the last configuration of those options is used for all remaining lines.

    # Callout

    A callout can connect the label to the line when the label is arbitrarily (by xAdjust and yAdjust options) moved from its original position.

    Namespace: options.annotations[annotationID].label.callout, it defines options for the callout on the label of the line annotation.

    All of these options can be Scriptable.

    Name Type Default Notes
    borderCapStyle string 'butt' Cap style of the border line of callout. See MDN (opens new window).
    borderColor Color undefined Stroke color of the pointer of the callout.
    borderDash number[] [] Length and spacing of dashes of callout. See MDN (opens new window).
    borderDashOffset number 0 Offset for line dashes of callout. See MDN (opens new window).
    borderJoinStyle string 'miter' Border line join style of the callout. See MDN (opens new window).
    borderWidth number 1 Stroke width of the pointer of the callout.
    display boolean false If true, the callout is drawn.
    margin number 5 Amount of pixels between the label and the callout separator.
    position string 'auto' The position of callout, with respect to the label. Could be left, top, right, bottom or auto.
    side number 5 Width of the starter line of callout pointer.
    start number|string '50%' The percentage of the separator dimension to use as starting point for callout pointer. Could be set in pixel by a number, or in percentage of the separator dimension by a string.

    # Arrow heads

    Namespace: options.annotations[annotationID].arrowHeads, it defines options for the line annotation arrow heads.

    All of these options can be Scriptable

    Name Type Notes
    end object To configure the arrow head at the end of the line.
    start object To configure the arrow head at the start of the line.

    # Arrow head configuration

    Enabling it, you can add arrow heads at start and/or end of a line. It uses the borderWidth of the line options to configure the line width of the arrow head.

    The following options can be specified per (start and/or end) arrow head, or at the top level (arrowHeads) which apply to all arrow heads.

    All of these options can be Scriptable

    Name Type Default Notes
    backgroundColor Color lineAnnotation.borderColor Background color of the arrow head.
    backgroundShadowColor Color 'transparent' The color of shadow of the arrow head. See MDN (opens new window).
    borderColor Color lineAnnotation.borderColor The border arrow head color.
    borderDash number[] lineAnnotation.borderDash Length and spacing of dashes. See MDN (opens new window).
    borderDashOffset number lineAnnotation.borderDashOffset Offset for border arrow head dashes. See MDN (opens new window).
    borderShadowColor Color lineAnnotation.borderShadowColor The color of border shadow of the arrow head. See MDN (opens new window).
    borderWidth number lineAnnotation.borderWidth The border line width (in pixels).
    display boolean false Whether or not the arrow head is shown.
    fill boolean false Whether or not the arrow head is filled.
    length number 12 The length of the arrow head in pixels.
    shadowBlur number lineAnnotation.shadowBlur The amount of blur applied to shadow of the arrow head. See MDN (opens new window).
    shadowOffsetX number lineAnnotation.shadowOffsetX The distance that shadow, of the arrow head, will be offset horizontally. See MDN (opens new window).
    shadowOffsetY number lineAnnotation.shadowOffsetY The distance that shadow, of the arrow head, will be offset vertically. See MDN (opens new window).
    width number 6 The width of the arrow head in pixels.

    # Element

    The following diagram is showing the element properties about a 'line' annotation:

    line

    The label of a box annotation is described as a label annotation and accessible by element.label.

    ← →

    - + diff --git a/master/guide/types/point.html b/master/guide/types/point.html index bd1d3ff54..89362420d 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'
    hitTolerance number Yes 0
    init boolean See initial animation undefined
    id string No undefined
    shadowBlur number Yes 0
    shadowOffsetX number Yes 0
    shadowOffsetY number Yes 0
    xMax number | string Yes undefined
    xMin number | string Yes undefined
    xScaleID string Yes undefined
    yMin number | string Yes undefined
    yMax number | string Yes undefined
    yScaleID string Yes undefined
    z number Yes 0

    # General

    If one of the axes does not match an axis in the chart, the point annotation will take the center of the chart as point. The 2 coordinates, xValue, yValue are optional. If not specified, the point annotation will take the center of the scale dimension as point.

    The 4 coordinates, xMin, xMax, yMin, yMax are optional. If not specified, the box is expanded out to the edges in the respective direction and the box size is used to calculated the center of the point. To enable to use the box positioning, the radius must be set to 0 or NaN.

    Name Description
    adjustScaleRange Should the scale range be adjusted if this annotation is out of range.
    display Whether or not this annotation is visible.
    drawTime See drawTime.
    hitTolerance Amount of pixels to interact with annotations within some distance of the mouse point.
    id Identifies a unique id for the annotation and it will be stored in the element context. When the annotations are defined by an object, the id is automatically set using the key used to store the annotations in the object. When the annotations are configured by an array, the id, passed by this option in the annotation, will be used.
    radius Size of the point in pixels.
    rotation Rotation of point, in degrees.
    xAdjust Adjustment along x-axis (left-right) of point relative to computed position. Negative values move the point left, positive right.
    xMax Right edge of the box in units along the x axis.
    xMin Left edge of the box in units along the x axis.
    xScaleID ID of the X scale to bind onto. If missing, the plugin will try to use the scale of the chart, configured as 'x' axis. If more than one scale has been defined in the chart as 'x' axis, the option is mandatory to select the right scale.
    xValue X coordinate of the point in units along the x axis.
    yAdjust Adjustment along y-axis (top-bottom) of point relative to computed position. Negative values move the point up, positive down.
    yMax Bottom edge of the box in units along the y axis.
    yMin Top edge of the box in units along the y axis.
    yScaleID ID of the Y scale to bind onto. If missing, the plugin will try to use the scale of the chart, configured as 'y' axis. If more than one scale has been defined in the chart as 'y' axis, the option is mandatory to select the right scale.
    yValue Y coordinate of the point in units along the y axis.
    z The z property determines the drawing stack level of the point annotation element. All visible elements will be drawn in ascending order of z option, with the same drawTime option.

    # Styling

    Name Description
    backgroundColor Fill color.
    backgroundShadowColor The color of shadow. See MDN (opens new window).
    borderColor Stroke color.
    borderDash Length and spacing of dashes. See MDN (opens new window).
    borderDashOffset Offset for line dashes. See MDN (opens new window).
    borderShadowColor The color of border shadow. See MDN (opens new window).
    borderWidth Stroke width.
    pointStyle Style of the point.
    shadowBlur The amount of blur applied to shadow. See MDN (opens new window).
    shadowOffsetX The distance that shadow will be offset horizontally. See MDN (opens new window).
    shadowOffsetY The distance that shadow will be offset vertically. See MDN (opens new window).

    # Element

    The following diagram is showing the element properties about a 'point' annotation:

    point

    +};

    # Configuration

    # Point annotation specific options

    The following options are available for point annotations.

    Name Type Scriptable Default
    backgroundShadowColor Color Yes 'transparent'
    borderWidth number Yes 1
    pointStyle PointStyle Yes 'circle'
    radius number Yes 10
    rotation number Yes 0
    xAdjust number Yes 0
    xValue number | string Yes undefined
    yAdjust number Yes 0
    yValue number | string Yes undefined

    # Common options to all annotations

    The following options are available for all annotations.

    Name Type Scriptable Default
    adjustScaleRange boolean Yes true
    backgroundColor Color Yes options.color
    borderColor Color Yes options.color
    borderDash number[] Yes []
    borderDashOffset number Yes 0
    borderShadowColor Color Yes 'transparent'
    display boolean Yes true
    drawTime string|number Yes 'afterDatasetsDraw'
    hitTolerance number Yes 0
    init boolean See initial animation undefined
    id string No undefined
    shadowBlur number Yes 0
    shadowOffsetX number Yes 0
    shadowOffsetY number Yes 0
    xMax number | string Yes undefined
    xMin number | string Yes undefined
    xScaleID string Yes undefined
    yMin number | string Yes undefined
    yMax number | string Yes undefined
    yScaleID string Yes undefined
    z number Yes 0

    # General

    If one of the axes does not match an axis in the chart, the point annotation will take the center of the chart as point. The 2 coordinates, xValue, yValue are optional. If not specified, the point annotation will take the center of the scale dimension as point.

    The 4 coordinates, xMin, xMax, yMin, yMax are optional. If not specified, the box is expanded out to the edges in the respective direction and the box size is used to calculated the center of the point. To enable to use the box positioning, the radius must be set to 0 or NaN.

    Name Description
    adjustScaleRange Should the scale range be adjusted if this annotation is out of range.
    display Whether or not this annotation is visible.
    drawTime See drawTime.
    hitTolerance Amount of pixels to interact with annotations within some distance of the mouse point.
    id Identifies a unique id for the annotation and it will be stored in the element context. When the annotations are defined by an object, the id is automatically set using the key used to store the annotations in the object. When the annotations are configured by an array, the id, passed by this option in the annotation, will be used.
    radius Size of the point in pixels.
    rotation Rotation of point, in degrees.
    xAdjust Adjustment along x-axis (left-right) of point relative to computed position. Negative values move the point left, positive right.
    xMax Right edge of the box in units along the x axis.
    xMin Left edge of the box in units along the x axis.
    xScaleID ID of the X scale to bind onto. If missing, the plugin will try to use the scale of the chart, configured as 'x' axis. If more than one scale has been defined in the chart as 'x' axis, the option is mandatory to select the right scale.
    xValue X coordinate of the point in units along the x axis.
    yAdjust Adjustment along y-axis (top-bottom) of point relative to computed position. Negative values move the point up, positive down.
    yMax Bottom edge of the box in units along the y axis.
    yMin Top edge of the box in units along the y axis.
    yScaleID ID of the Y scale to bind onto. If missing, the plugin will try to use the scale of the chart, configured as 'y' axis. If more than one scale has been defined in the chart as 'y' axis, the option is mandatory to select the right scale.
    yValue Y coordinate of the point in units along the y axis.
    z The z property determines the drawing stack level of the point annotation element. All visible elements will be drawn in ascending order of z option, with the same drawTime option.

    # Styling

    Name Description
    backgroundColor Fill color.
    backgroundShadowColor The color of shadow. See MDN (opens new window).
    borderColor Stroke color.
    borderDash Length and spacing of dashes. See MDN (opens new window).
    borderDashOffset Offset for line dashes. See MDN (opens new window).
    borderShadowColor The color of border shadow. See MDN (opens new window).
    borderWidth Stroke width.
    pointStyle Style of the point.
    shadowBlur The amount of blur applied to shadow. See MDN (opens new window).
    shadowOffsetX The distance that shadow will be offset horizontally. See MDN (opens new window).
    shadowOffsetY The distance that shadow will be offset vertically. See MDN (opens new window).

    # Element

    The following diagram is showing the element properties about a 'point' annotation:

    point

    ← →

    - + diff --git a/master/guide/types/polygon.html b/master/guide/types/polygon.html index 6d87aee8d..2477e5382 100644 --- a/master/guide/types/polygon.html +++ b/master/guide/types/polygon.html @@ -7,7 +7,7 @@ - + @@ -91,7 +91,7 @@ }] }, options -};

    # Configuration

    # Polygon annotation specific options

    The following options are available for polygon annotations.

    Name Type Scriptable Default
    backgroundShadowColor Color Yes 'transparent'
    borderCapStyle string Yes 'butt'
    borderJoinStyle string Yes 'miter'
    borderWidth number Yes 1
    point object Yes {radius: 0}
    radius number Yes 10
    rotation number Yes 0
    sides number Yes 3
    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'
    hitTolerance number Yes 0
    init boolean See initial animation undefined
    id string No undefined
    shadowBlur number Yes 0
    shadowOffsetX number Yes 0
    shadowOffsetY number Yes 0
    xMax number | string Yes undefined
    xMin number | string Yes undefined
    xScaleID string Yes undefined
    yMin number | string Yes undefined
    yMax number | string Yes undefined
    yScaleID string Yes undefined
    z number Yes 0

    # General

    If one of the axes does not match an axis in the chart, the 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.

    The 4 coordinates, xMin, xMax, yMin, yMax are optional. If not specified, the box is expanded out to the edges in the respective direction and the box size is used to calculated the center of the point. To enable to use the box positioning, the radius must be set to 0 or NaN.

    Name Description
    adjustScaleRange Should the scale range be adjusted if this annotation is out of range.
    display Whether or not this annotation is visible.
    drawTime See drawTime.
    hitTolerance Amount of pixels to interact with annotations within some distance of the mouse point.
    id Identifies a unique id for the annotation and it will be stored in the element context. When the annotations are defined by an object, the id is automatically set using the key used to store the annotations in the object. When the annotations are configured by an array, the id, passed by this option in the annotation, will be used.
    radius Size of the polygon in pixels.
    rotation Rotation of polygon, in degrees.
    sides Amount of sides of polygon.
    xAdjust Adjustment along x-axis (left-right) of polygon relative to computed position. Negative values move the polygon 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 polygon in units along the x axis.
    yAdjust Adjustment along y-axis (top-bottom) of polygon relative to computed position. Negative values move the polygon 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 polygon in units along the y axis.
    z 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.

    # Styling

    Name Description
    backgroundColor Fill color.
    backgroundShadowColor The color of shadow. See MDN (opens new window).
    borderColor Stroke color.
    borderCapStyle Cap style of the border of polygon. See MDN (opens new window).
    borderDash Length and spacing of dashes. See MDN (opens new window).
    borderDashOffset Offset for line dashes. See MDN (opens new window).
    borderJoinStyle Border line join style. 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).

    # Point

    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.

    Namespace: options.annotations[annotationID].point, it defines options for the callout on the annotation label.

    # Configuration

    # Polygon annotation specific options

    The following options are available for polygon annotations.

    Name Type Scriptable Default
    backgroundShadowColor Color Yes 'transparent'
    borderCapStyle string Yes 'butt'
    borderJoinStyle string Yes 'miter'
    borderWidth number Yes 1
    point object Yes {radius: 0}
    radius number Yes 10
    rotation number Yes 0
    sides number Yes 3
    xAdjust number Yes 0
    xValue number | string Yes undefined
    yAdjust number Yes 0
    yValue number | string Yes undefined

    # Common options to all annotations

    The following options are available for all annotations.

    Name Type Scriptable Default
    adjustScaleRange boolean Yes true
    backgroundColor Color Yes options.color
    borderColor Color Yes options.color
    borderDash number[] Yes []
    borderDashOffset number Yes 0
    borderShadowColor Color Yes 'transparent'
    display boolean Yes true
    drawTime string|number Yes 'afterDatasetsDraw'
    hitTolerance number Yes 0
    init boolean See initial animation undefined
    id string No undefined
    shadowBlur number Yes 0
    shadowOffsetX number Yes 0
    shadowOffsetY number Yes 0
    xMax number | string Yes undefined
    xMin number | string Yes undefined
    xScaleID string Yes undefined
    yMin number | string Yes undefined
    yMax number | string Yes undefined
    yScaleID string Yes undefined
    z number Yes 0

    # General

    If one of the axes does not match an axis in the chart, the 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.

    The 4 coordinates, xMin, xMax, yMin, yMax are optional. If not specified, the box is expanded out to the edges in the respective direction and the box size is used to calculated the center of the point. To enable to use the box positioning, the radius must be set to 0 or NaN.

    Name Description
    adjustScaleRange Should the scale range be adjusted if this annotation is out of range.
    display Whether or not this annotation is visible.
    drawTime See drawTime.
    hitTolerance Amount of pixels to interact with annotations within some distance of the mouse point.
    id Identifies a unique id for the annotation and it will be stored in the element context. When the annotations are defined by an object, the id is automatically set using the key used to store the annotations in the object. When the annotations are configured by an array, the id, passed by this option in the annotation, will be used.
    radius Size of the polygon in pixels.
    rotation Rotation of polygon, in degrees.
    sides Amount of sides of polygon.
    xAdjust Adjustment along x-axis (left-right) of polygon relative to computed position. Negative values move the polygon 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 polygon in units along the x axis.
    yAdjust Adjustment along y-axis (top-bottom) of polygon relative to computed position. Negative values move the polygon 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 polygon in units along the y axis.
    z 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.

    # Styling

    Name Description
    backgroundColor Fill color.
    backgroundShadowColor The color of shadow. See MDN (opens new window).
    borderColor Stroke color.
    borderCapStyle Cap style of the border of polygon. See MDN (opens new window).
    borderDash Length and spacing of dashes. See MDN (opens new window).
    borderDashOffset Offset for line dashes. See MDN (opens new window).
    borderJoinStyle Border line join style. 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).

    # Point

    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.

    Namespace: options.annotations[annotationID].point, it defines options for the callout on the annotation label.

    # 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 1fd93c38d..b6558144c 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 f033f73c9..f5f6741c6 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 9f1b6dbce..0c2d7f6d2 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 2ec72ffe5..fad181a09 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 e02e267b3..02228d9e5 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 c63a8222c..86b831a68 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 ffd699d52..40f7c772b 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 ebf1303d6..096ea4208 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 f15b1d74c..5c0765ddd 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 ce0fff2ac..8838b9ca3 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 c7013de02..89d3e4f11 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 915408c0d..626ebbf6b 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 c30418778..78860bba3 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 f38d7f288..8f084bc40 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 03d0be3b7..0156361f6 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 f434db057..1023561a7 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 53877cfe6..4ad41eb4c 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 feda0707a..d83c6ec49 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 c923b0011..f9498b0a6 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 3d7f99f07..f8067a105 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 81e146eca..fae833a4e 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 44c337580..9c6d6b96d 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 925cacd15..ae8114355 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 aeca41bd4..3a983f22d 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 c15c1fe94..916e450fb 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 9d80a2a48..330b94fc0 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 916b51b48..43113dc2a 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 e7a738463..321af1436 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 145d9a8d2..50f48a270 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 2a8bf229e..b92bf5054 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 895e6ac43..116bbec3a 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 96d5db145..3187d33e2 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 2984b70a7..646ef17f8 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 a1fa133b7..4342e35be 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 f4df2d03c..9a8ebd925 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 7bef0d388..02d7709e6 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 d43d59a1f..3a451731c 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 a1742c846..b8ed8a0dd 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 959015005..c655e6a27 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 2b11966f8..14cc0624d 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 118c4226c..01f9dcd8c 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 998bf4ca7..c1f7eac2e 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 29d5a611d..c5c9051ba 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 bd25cb30b..b88030e89 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 c21d376ee..337244805 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 69577b98f..6b41e2e88 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 f27025e30..af44afa13 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 99cc6eda8..6a467217d 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 20ea190f7..245574243 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 c4d26ca34..2e72d26f4 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 840bbdbe1..f820d2e79 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 0ec3b11b3..4b374c27c 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 909db58ad..0109fa7bc 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)

    ←

    - +