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

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容