Как загрузить модуль аннотаций highcharts в угловой модуль app.module.ts?

Question

Я пытаюсь импортировать аннотации старшего чарта в файл модуля 6 машинописного текста app.module.ts.Я попробовал приведенный ниже код, но он показывает ошибку

"Не удалось найти файл объявления для модуля 'highcharts / module / annotations'"

Но annotations.jsФайл находится по тому же пути, и в консоли отображается ошибка

«ОШИБКА TypeError: chart.addAnnotation не является функцией».

Кто-то пробовал это раньше?

Код:

import { ChartModule } from 'angular2-highcharts';

import { AnnotationsModule } from 'highcharts/modules/annotations';

import * as Highcharts from 'highcharts';

Answer 1

Попробуйте импортировать модуль следующим образом:

import * as AnnotationsModule from "highcharts/modules/annotations"

И инициализируйте его:

AnnotationsModule(Highcharts);

Или используйте require:

require('highcharts/modules/exporting')(Highcharts);

Проверьте демонстрациюс highcharts-angular официальной оберткой , которую я вам рекомендую.

Демо: https://codesandbox.io/s/329llv6wj1