angular学习笔记【ng2-charts】插件添加
2017-07-27 17:50
337 查看
原文:https://segmentfault.com/a/1190000008077830
1、 安装 ng2-charts
npm install ng2-charts --save
2、 还必须引入 chart.js
npm install chart.js --save
3、 主模块中引入
import { ChartsModule } from 'ng2-charts/ng2-charts';
imports: [
ChartsModule
]
4、 如果使用angular-cli那么如下配置 angular-cli.json
"scripts": [
"../node_modules/chart.js/dist/Chart.bundle.min.js"
]
有时候需要ng serve 重新启动服务,要不然会报错,坑了好久。
5、 然后就可以使用了参考api文档,添加html界面和配置js文件
http://www.bootcss.com/p/chart.js/docs/
http://valor-software.com/ng2-charts/
问题:执行完 npm install ng2-charts --save 发现原来node_modules中的包好多被删除了!
原因:因为ng2-charts依赖的一些包的版本比较旧,所以被移除了,首先去执行一下npm update,然后再去安装插件,就可以了。
1、 安装 ng2-charts
npm install ng2-charts --save
2、 还必须引入 chart.js
npm install chart.js --save
3、 主模块中引入
import { ChartsModule } from 'ng2-charts/ng2-charts';
imports: [
ChartsModule
]
4、 如果使用angular-cli那么如下配置 angular-cli.json
"scripts": [
"../node_modules/chart.js/dist/Chart.bundle.min.js"
]
有时候需要ng serve 重新启动服务,要不然会报错,坑了好久。
5、 然后就可以使用了参考api文档,添加html界面和配置js文件
http://www.bootcss.com/p/chart.js/docs/
http://valor-software.com/ng2-charts/
问题:执行完 npm install ng2-charts --save 发现原来node_modules中的包好多被删除了!
原因:因为ng2-charts依赖的一些包的版本比较旧,所以被移除了,首先去执行一下npm update,然后再去安装插件,就可以了。
相关文章推荐
- angular2 学习笔记 ( 第3方插件 jQuery and ckeditor )
- Maven学习笔记 -- day02 Maven整合struts2及Maven核心概念、添加插件
- angularJS 学习笔记2 初始化angularInit过程
- Cocos2d-x学习笔记(二) —— 如何添加一个精灵
- HTML学习笔记4:如何给网页添加图片和超链接
- 【原创】XNA 4.0学习笔记之-如何使用XACT给Cue添加多个音频
- ALSA声卡12_从零编写之添加音量控制_学习笔记
- Struts2.0学习笔记 --- 访问或添加几个属性的三种方式
- Bootstrap学习总结笔记(21)-- 基本插件之按钮
- C#的VSTO学习笔记之OutLook插件开发(读取数据库表内容,批量发送邮件)
- Angular 5.x 学习笔记(1)——概述
- Bootstrap基本插件学习笔记之Tooltip提示工具(18)
- Cesium学习笔记(一)添加实体
- EasyUI学习笔记6:MIS开发利器_ datagrid插件(上)
- SAS学习笔记:添加超链接
- knockoutJS学习笔记09:使用mapping插件
- 使用jetty-maven-plugin插件进行测试---学习笔记
- [原创]java WEB学习笔记66:Struts2 学习之路--Struts的CRUD操作( 查看 / 删除/ 添加) 使用 paramsPrepareParamsStack 重构代码 ,PrepareInterceptor拦截器,paramsPrepareParamsStack 拦截器栈
- Angular.js之服务与自定义服务学习笔记
- ng2学习笔记之bootstrap中的component使用教程