无法让向下钻取模块在打字稿中的高图表中工作

Question

我在打字稿项目中使用了 npm 中的高图表。Highcharts工作得很好。但是，我无法获得饼图来与深入分析一起使用。每当我尝试导入深入分析模块时，都会收到第 3 行的以下错误：

1. import * as Highcharts from 'highcharts';
2. import * as Drilldown from 'highcharts/modules/drilldown';
3. Drilldown(Highcharts);

此表达式不可调用。类型 '类型of import("/node_modules/highcharts/modules/drilldown"(' 没有调用签名.ts(2349(

我已经查看了 npm 页面上的文档，并且我完全按照他们的示例显示导入，但显然有些事情发生了变化。这是环境：

离子 CLI： 5.2.4 离子框架： @ionic/

角度 4.6.2

@angular-devkit/build-angular ： 0.13.9@angular-devkit/schematics ： 7.3.9@angular/cli： 7.3.9


@ionic/angular-toolkit： 1.5.1

系统：
NodeJS： v12.3.1
npm ： 6.9.0
操作系统 ： Linux 4.4 (Ubuntu in WSL(

Answer 1

您需要以这种方式导入和初始化drilldown模块：

import * as Highcharts from 'highcharts';
import HC_drilldown from 'highcharts/modules/drilldown';
HC_drilldown(Highcharts);

文档：https://github.com/highcharts/highcharts-angular#to-load-a-module