码迷,mamicode.com
首页 > 其他好文 > 详细

angular引用echarts插件

时间:2019-02-26 23:39:00      阅读:226      评论:0      收藏:0      [点我收藏+]

标签:src   文件   sse   echart   ima   目录   路径   命令行   save   

 方法一

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插件

标签:src   文件   sse   echart   ima   目录   路径   命令行   save   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!