首先打开网址https://echarts.apache.org/examples/zh/index.html
进入Echars官网找到自己想要的图形我这里选择的是柱形图
点开完整代码直接cv大法
下载Echars的npm
npm install echarts
在vue里面挂在个div
导入相关包
写个方法 就是cv过来的 然后改成后端传过来的值
我这里就是直接访问后端的一个方法 然后把这个方法放入create生命周期
到这里就结束了
相关推荐
d***9351 小时前
springboot3.X 无法解析parameter参数问题n***84072 小时前
十七：Spring Boot依赖 （2）-- spring-boot-starter-web 依赖详解likuolei6 小时前
XSL-FO 软件正一品程序员7 小时前
vue项目引入GoogleMap API进行网格区域圈选j***89467 小时前
spring-boot-starter和spring-boot-starter-web的关联star_11127 小时前
Jenkins+nginx部署前端vue项目im_AMBER7 小时前
Canvas架构手记 05 鼠标事件监听 | 原生事件封装 | ctx 结构化对象JIngJaneIL7 小时前
农产品电商|基于SprinBoot+vue的农产品电商系统(源码+数据库+文档)Tongfront7 小时前
前端通用submit方法c***72747 小时前
SpringBoot + vue 管理系统