Как загрузить карты без ошибок с помощью angular2-highcharts в приложении Angular?

Question

Я пытаюсь использовать угловую версию старших и верхних карт для построения диаграммы пузырьковой карты, но карта не загружается и выдает следующую ошибку:

«Ошибка: карта неизвестного типа диаграммы»

Ниже приведены примеры кода, которые были опробованы после исследования Интернета, но не сработали:

1. package.json - "angular2-highcharts": "0.4.1"
2. app.module.ts:

import { ChartModule } from 'angular2-highcharts';
import { HighchartsService } from 'angular2-highcharts/dist/HighchartsService';

declare var require: any;
export function highchartsFactory() {
  return require('highcharts');
}

@NgModule({
  imports: [
    ChartModule
  ],
  declarations: [AppComponent],
  exports: [],
  providers: [{
    provide: HighchartsService,
    useFactory: highchartsFactory
  }],
  bootstrap: [AppComponent]
})
export class AppModule

Пожалуйста, дайте мне знать, если у кого-нибудь есть альтернативные варианты исправления этого или любых других предложений по загрузке старших карт в приложение angular 2