angular中使用Echarts（环境搭建+简单使用）

最新推荐文章于 2024-05-15 09:46:08 发布

weixin_34185364

最新推荐文章于 2024-05-15 09:46:08 发布

阅读量2.3k

点赞数

文章标签： javascript json ViewUI

原文链接：https://segmentfault.com/a/1190000015692394

版权

首先为大家介绍两种方法，在angular中搭建使用可视化工具Echarts的环境：

使用在线依赖-方法1 ：
在angular项目中的src文件夹中，找到index.html文件，在<head></head>中加入在线依赖包

<script src="https://cdnjs.cloudflare.com/ajax/libs/echarts/3.7.2/echarts.js"></script>

使用本地依赖-方法2：

npm install --save-dev echarts

然后查看package.json中的dependencies里是否已经有echarts了

angular项目文件夹src/assets文件夹内新建一个js文件夹，将bower_components/echarts/dist中的echarts.min.js拷贝到新建的js文件夹内
在angular项目中的src文件夹中，找到index.html文件，在<head></head>中加入本地依赖包

&l

关注