金字塔图表angular2的HighCharts错误＃17

Question

我正在构建一个角度应用程序。我需要一个金字塔图表，我从api调用填充.Pyramid图表不加载。它在运行时抛出HighCharts Error＃17。 Pyramid使用highchart /modules/funnel.js和expoting.js

a:visited img {
border:1px solid green;
}

Answer 1

对于Angular 6或使用网络包的人可能需要这样的漏斗，

import { Chart, Highcharts } from 'angular-highcharts';
declare var require: any;
require('highcharts/modules/funnel')(Highcharts);

Answer 2

以下更改将有效。

require('funnel')(HighCharts);
require('exporting')(HighCharts);

确保安装了Highcharts，如果没有安装，请使用

npm install highcharts

还在system.config.js

中为highcharts添加angular bundle

map:{
    'highcharts': 'node_modules/highcharts/highcharts.js',
    'exporting': 'node_modules/highcharts/modules/exporting.js',
    'funnel': 'node_modules/highcharts/modules/funnel.js'
    }