一步步集成echarts图标,代码得一个一个敲,今天自己集成了echarts图标,为什么要集成echarts呢?图表展示数据,应该是最清晰明了的,所以集成了很多管理页面的首页。先看效果。下面应该有月销售收入的图表,明天补上。站在巨人的肩膀上,我个人没有真正做过后台管理项目,所以写这些后台的模样是参考了我公司的后台管理风格和一些开源的后台管理项目。我用的是潘家臣自己的基础后台模板,他也有后台集成方案https://panjiachen.gitee.io/v...海风小电首先是这个海风小电,体验后台地址:http://www.hiolabs.com/demo/#...账号hiolabs密码hiolabs这是一个开源的电商后台项目。现在只提供小程序,您可以在微信小程序中搜索海丰小店下单购物。项目github地址https://github.com/iamdarcy/h...gin-vue-admingo开发开箱即用的后台管理系统,体验后台地址:http://demo.gin-vue-admin。com...账号admin密码123456文档:http://doc.henrongyi.top/intr...github地址如何集成echarts我先去github搜索星数最高的echartvue插件https://github.com/ecomfe/vue...(4.9kstar百度开源)https://github.com/ElemeFE/v-...(5.8kstar饿了么开源)v-charts文档https:///v-charts.js.org/#/本来想用v-charts,但是看到很多问题没有处理,代码也没有更新维护。https://github.com/ElemeFE/v-...add上线前看到一个帖子说ElementUI很久没有提交https://www.v2ex.com/t/659890最后,想着直接用echarts。以后看看ElementUI是不是也要改echarts文档https://echarts.apache.org/zh...安装npminstallecharts--save然后在main.js中挂载原型属性//引入echartsmain.js里面最好不要引入大文件,不然整个项目都会引用这个jsimportechartsfrom'echarts'Vue.prototype.$echarts=echarts后来问同事全局引入会不会影响性能。他告诉我一个原则,主要的。所以删除main.js中的导入。改用单页引文。需要单页组件时页面引用echarts