在angular4中引入echarts相关,在项目中使用echarts.
工具/原料
1
webstorm
2
一个已经创建好的angular项目
方法/步骤
1
webstorm打开项目,如图。
2
Alt+F12,打开Terminal,如图。
3
在terminal中输入npm install echarts --save npm install ngx-echarts --save
4
此时在package.json文件中会多出echarts,如图。
5
找到。angular-cli.json,在里面scripts下加入'../node_modules/echarts/dist/echarts.min.js','../node_modules/echarts/map/js/china.js','../node_modules/echarts/dist/extension/bmap.js','../node_modules/echarts/theme/macarons.js'
6
这样echarts就成功引入到项目里了。
上一篇:花蛤怎样做好吃?