首先打开网址https://echarts.apache.org/examples/zh/index.html
进入Echars官网找到自己想要的图形我这里选择的是柱形图
点开完整代码直接cv大法
下载Echars的npm
npm install echarts
在vue里面挂在个div
导入相关包
写个方法 就是cv过来的 然后改成后端传过来的值
我这里就是直接访问后端的一个方法 然后把这个方法放入create生命周期
到这里就结束了
相关推荐
用户887665426632 分钟前
Web3 前端实时通信如何落地：从 SSE 订阅到行情、订单与账户状态更新an317425 分钟前
使用 LangGraph + DeepSeek 构建 AI 面试官：状态图设计与实践代码不加糖5 分钟前
MessageChannel是什么，有什么使用场景?小小龙学IT9 分钟前
HTMX：让 HTML 重新成为前端核心的超轻量动态交互库星栈10 分钟前
写 Makepad Demo 不难，难的是把它写成项目用户0595401744611 分钟前
localStorage清除策略踩坑实录：一个过期的token让我排查了3小时Nanachi13 分钟前
跨框架的前端源码定位，再加上点LLM人无远虑必有近忧！33 分钟前
fetch请求图片报跨域谢院柯34 分钟前
解决修改 node_modules 依赖库源码后重复安装问题的几种方案疯狂打码的少年37 分钟前
【程序语言与编译】NFA转DFA（子集构造法）