vue-admin-template模板使用vue-elementui-admin中的echarts图表

1.vue-admin-template导入echarts

在vue-admin-template模板中是没有安装echarts的，我们需要安装

npm install echarts --save

2.vue-admin-template中拉取vue-elementui-admin中的图表

将vue-elementui-admin中views下的图表文件拉入vue-admin-template下的views文件夹。

将vue-elementui-admin中components下的charts文件拉入到vue-admin-template中的components中

3.注册路由

4.运行

发现报错了，有一个debounce未找到，我们找到utils文件，找到index.js

找到这个代码复制到对应的vue-admin-template下utils下的index中

发现第一个报错不见了，还有一个echarts报错，
找到官方文档发现5.0版本与4.0导入的区别就好办了

于是我们将components下charts中的导入代码改一下就好了，我用的是5版本，如果你是4版本就可以不用改了

这样图表就导入成功了；