The annotations module cannot achieve

[gypjoy]

"highcharts": "^6.1.0", "highcharts-annotations": "^1.3.3",

import Highcharts from 'highcharts' import HighchartsAnnotations from 'highcharts-annotations' HighchartsAnnotations(Highcharts)

let chartOptions = { chart: { annotations: [{ xValue: 4, yValue: 125, title: { text: 'Annotated chart!' }, events: { click: function (e) { console.log('Annotation clicked:', this) } } }], } this.chart = this.$highcharts.chart('divId', chartOptions)

vue.esm.js:1741 ReferenceError: $ is not defined at Annotation.render (annotations.js:545) at a.Chart.addAnnotation (annotations.js:982) at a.Chart. (annotations.js:1074) at a.Chart. (highcharts.js:266)

[KacperMadej]

Hi @gypjoy

Thank you for reporting about the problem.

I would love for the annotations module to achieve.

Unfortunately, Annotations are a part of Highstock 6+ and Highcharts 6+ as a module. This plugin was build for older versions of Highstock.

Here's more info about the module: https://www.highcharts.com/docs/advanced-chart-features/annotations-module