如何在 Angular 5 中使用 highcharts 中的桑基图

Question

我一直在使用 angular5 并使用 npm install 安装了 highchart。

现在我可以使用除桑基图以外的所有图表。

它给我 hightchart 错误 17。

请帮忙。

Answer 1

桑基图表类型是一个单独的模块，因此您必须导入它：

import * as Highcharts from 'highcharts';
require('highcharts/modules/sankey')(Highcharts);

Answer 2

在你的 app.module.ts 文件中添加这三行它会起作用。

从“@angular/core”导入{组件}；

import * as Highcharts from 'highcharts';
import * as highchartsSankey from 'highcharts/modules/sankey';
highchartsSankey(Highcharts);