首先打开网址https://echarts.apache.org/examples/zh/index.html
进入Echars官网找到自己想要的图形我这里选择的是柱形图
点开完整代码直接cv大法
下载Echars的npm
npm install echarts
在vue里面挂在个div
导入相关包
写个方法 就是cv过来的 然后改成后端传过来的值
我这里就是直接访问后端的一个方法 然后把这个方法放入create生命周期
到这里就结束了
相关推荐
秋天的一阵风5 分钟前
Vue3探秘系列— 路由：vue-router的实现原理（十六-上）秋天的一阵风6 分钟前
Vue3探秘系列— 路由：vue-router的实现原理（十六-下）海底火旺26 分钟前
JavaScript中的Object方法完全指南：从基础到高级应用海底火旺26 分钟前
JavaScript中的Symbol：解锁对象属性的新维度天天扭码27 分钟前
一文吃透 ES6新特性——解构语法Kagerou28 分钟前
组件测试JustHappy30 分钟前
啥是Hooks？为啥要用Hooks？Hooks该怎么用？像是Vue中的什么？React Hooks的使用姿势（上）张可44 分钟前
历时两年半开发，Fread 项目现在决定开源，基于 Kotlin Multiplatform 和 Compose Multiplatform 实现嘻嘻嘻嘻嘻嘻ys1 小时前
《Spring Boot 3 + GraalVM原生镜像实战：云原生时代的毫秒启动与性能调优》嘻嘻嘻嘻嘻嘻ys1 小时前
《Spring Boot 3.0×GraalVM：云原生时代的毫秒级启动实战革命》