首页 > 其他 > 详细

angular引用echarts插件

时间:2019-02-26 23:37:05      阅读:338      评论:0      收藏:0      [点我收藏+]

 方法一

1. 命令行下载

npm install echarts --save
npm install ngx-echarts --save

2. angular.json 配置echarts路径。


技术分享图片

2. app.module中引用这个模块。


技术分享图片

 

3.  组件页面中定义


技术分享图片

 

4. 组件控制器使用


技术分享图片

 

 

方法二

1. 下载echarts插件

2. 下载好的echarts.js 放到assets下。


技术分享图片

 

3. angular.json中配置一下路径

 

技术分享图片


4. 在typings.d.ts 文件中申明echarts变量。没有这个文件,在src根目录下创建一个。

 

技术分享图片


5. 组件中使用

 

技术分享图片

技术分享图片

angular引用echarts插件

原文:https://www.cnblogs.com/zhenguo-chen/p/10440952.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!