私は私が使用している</p> <p>私の角度4 CLIのアプリで、私は角度-cli.jsonにamchartsを追加したい私の角度4 CLIアプリ

Question

に角度-cli.jsonにamchartsを追加したい：angular4、typescriptですが、 webpack。

私がやった：どのように正確にNPM --save amcharts

私は今、私の角度-cli.jsonファイルにamchartsを追加する必要が

ではなく、必ずインストールしてください。

これは私のアンギュラcli.jsonファイルです：

{ 
    "$schema": "./node_modules/@angular/cli/lib/config/schema.json", 
    "project": { 
    "name": "my-app" 
    }, 
    "apps": [ 
    { 
     "root": "src", 
     "outDir": "dist", 
     "assets": [ 
     "assets", 
     "favicon.ico" 
     ], 
     "index": "index.html", 
     "main": "main.ts", 
     "polyfills": "polyfills.ts", 
     "test": "test.ts", 
     "tsconfig": "tsconfig.app.json", 
     "testTsconfig": "tsconfig.spec.json", 
     "prefix": "app", 
     "styles": [ 
     "styles.scss" 
     ], 
     "scripts": [ 
     "../node_modules/lodash/lodash.js", 
     "../node_modules/@agm/core", 
     "../node_modules/angular2-google-maps/core", 
     "../node_modules/amcharts" 
     ], 
     "environmentSource": "environments/environment.ts", 
     "environments": { 
     "dev": "environments/environment.ts", 
     "prod": "environments/environment.prod.ts" 
     } 
    } 
    ], 
    "e2e": { 
    "protractor": { 
     "config": "./protractor.conf.js" 
    } 
    }, 
    "lint": [ 
    { 
     "project": "src/tsconfig.app.json" 
    }, 
    { 
     "project": "src/tsconfig.spec.json" 
    }, 
    { 
     "project": "e2e/tsconfig.e2e.json" 
    } 
    ], 
    "test": { 
    "karma": { 
     "config": "./karma.conf.js" 
    } 
    }, 
    "defaults": { 
    "styleExt": "scss", 
    "component": { 
    } 
    } 
} 

Answer 1

通常AngularXのようなフレームワーク、反応し...自分自身のライフサイクルを持っています。 これは、使用しようとしているライブラリがそのライフサイクルに統合する必要があることを意味します。

したがって、実装を角度、反応、...に適合させる手段を提供するライブラリを使用するか、またはその実装を自分で適応させる手段を作成する必要があります。

AmChartsには、GITHUBにAngular2用のプラグインがあります。

これはあなたが必要となることを意味します

1. npm install amcharts/amcharts3 --save
2. npm install amcharts/amcharts3-angular2 --save
3. は（.jsファイルで終わる）個別にスクリプトを追加順にスクリプト
4. Follow each step from their Githubページ内のあなたにAmChartsModuleを追加します優先モジュールとチャートの初期化

注：According to AmCharts issueまだ開いていますが、UMD/AMDサポートを提供していません。したがって、これらは読み込みや読み込みができず、適切な順序でロードする必要があります。