我要添加amcharts到角cli.json在我的角度4 CLI應用

Question

我想補充amcharts到角cli.json在我的角度4 CLI應用

我使用：angular4，打字稿，的WebPack。

我所做的：NPM安裝--save amcharts

我現在需要amcharts添加到我的角cli.json文件，但不知道如何準確。

這是我的角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，反應，......都有自己的生命週期。 這意味着您正在嘗試使用的庫需要整合到該生命週期中。

因此，您可以使用庫來提供適應Angular，React等實現的方法，或者您需要創建自己調整實現的方法。

對於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的支持。所以這些不能被加載導入或需要，並需要按正確的順序加載。