如何在角度模块app.module.ts中加载highcharts注释模块？

Question

我正在尝试在angular 6打字稿模块文件app.module.ts中导入highcharts-annotations。我尝试了以下代码，但显示错误

  

“找不到模块'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('highcharts/modules/exporting')(Highcharts);

用推荐的highcharts-angular official wrapper查看演示。

演示： https://codesandbox.io/s/329llv6wj1