1、直接引入js

2、npminstall highcharts--save

參考https://www.cnblogs.com/ihzeng/p/7266359.html

3、第三方推薦的包

angular2-highcharts: https://github.com/gevgeny/angular2-highcharts

ng2-highcharts: https://www.npmjs.com/package/ng2-highcharts

highcharts-ng: https://github.com/pablojim/highcharts-ng

(1)angular2-highcharts

npminstallangular2-highcharts--save

參考https://segmentfault.com/a/1190000007957170,但是ng serve的時候，提示HighchartsStatic沒有providers，解決后，運行ok，但是圖表不顯示，提示chart標簽未定義。在index.html中srcipt引入highcharts.js，該問題還是存在，沒有解決。

（2）highcharts-ng

看了下官方的example，是angularjs的版本，沒有試。

（3）ng2-highcharts

$?npm?install?--save?highcharts@^4.2.1

$?npm?install?@types/highcharts?--save

$?npm?install?--save?ng2-highcharts

示例:https://github.com/zhongzhong0505/CodeBe/commit/b202ed6c653ff36779595139b99ee129441b2dbc

源碼使用和angular2-highcharts類似。運行的時候，圖表不顯示,開發者工具的控制臺也是提示chart標簽未定義。仔細看示例demo，在index.html中srcipt引入highcharts.js，該問題解決。