angular使用highcharts的那些事

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，该问题解决。