angular学习笔记【ng2-charts】插件添加
2024-10-20 16:48:29
原文: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,然后再去安装插件,就可以了。
最新文章
- oracle分析函数与over()(转)
- python之2048
- 微信公众平台开发详细步骤与java代码
- XStream解析
- 在Ogre中加载自己的资源包
- JavaScript 垃圾回收机制分析
- zookeeper服务器端管理工具
- java学习面向对象之接口
- [转]Android 使用Scroller实现绚丽的ListView左右滑动删除Item效果
- 发布前,Bat Script备份服务器的Website
- Thread-safety with regular expressions in Java
- http调试工具Charles Proxy用法详解
- 数据库中,char 与 varchar2 的区别
- acm--统计错误数
- Android中使用开源框架citypickerview实现省市区三级联动选择
- qt实现一个简单的计算器
- python3学习笔记九(if语句)
- linux程序一般设置
- P10.3 usestock0.cpp
- heap 的一些用法
热门文章
- BZOJ5323 JXOI2018 游戏
- bzoj 3514: GERALD07加强版 lct+可持久化线段树
- Anthem.NET 的回调流程图
- MySQL5.7出现Your password has expired. To log in you must change it using a client that supports expir
- glusterfs安装配置简单使用
- mount总结
- Flask08 包含(include)、继承(extends)、宏???、模板中变量的来源、利用bootstrap构建自己的网页结构
- Learning Python 006 list(列表) 和 tuple(元组)
- 6、git和github
- 《精通Spring4.X企业应用开发实战》读后感第七章(AOP概念)