ソリッドゲージアングラフ4とハイチャートグラフの統合

Question

角度4とハイチャートの統合を試みています。私は、棒グラフなどのような単純なグラフを得ることができています。しかし、以下のエラーを取得して固体ゲージを実装しようとしたとき：

ERROR Error: Highcharts error #17: www.highcharts.com/errors/17 
    at Object.a.error (highcharts.js:10) 
    at a.Chart.initSeries (highcharts.js:248) 
    at highcharts.js:271 
    at Array.forEach (<anonymous>) 

As per suggesions in other posts I have added the below code in appmodule.ts 

    declare var require: any; 
    export function highchartsFactory() { 

     var hc = require('highcharts'); 
     var hcm = require('highcharts/highcharts-more'); 
     var sg = require('highcharts/modules/solid-gauge'); 

     hcm(hc); 
     sg(hc); 

     return hc; 
    } 


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

GitのハブリポジトリURL：https://github.com/AbhishekKaura25/solid-guage-demo

Answer 1

これは公式の例フォームangular2-ですハイチャート、それは私のためにうまくいく。

plnkr.co/edit/tLK6seWvqYBAl3QA7ayF?p=preview

私はちょうど私のフォローの作品にあなたのコードを変更し、同じ問題と非常に類似したエラーメッセージを持っていました。

declare var require: any; 

@NgModule({ 
    declarations: [...], 
    imports: [ 
..... 
    ChartModule.forRoot(
     require('highcharts'), 
     require('highcharts/modules/exporting'), 
     require('highcharts/highcharts-more'), 
     require('highcharts/modules/solid-gauge') 
    ) 
    ], 
    providers: [], 
    bootstrap: [AppComponent] 
}) 
export class AppModule {