首先打开网址https://echarts.apache.org/examples/zh/index.html
进入Echars官网找到自己想要的图形我这里选择的是柱形图
点开完整代码直接cv大法
下载Echars的npm
npm install echarts
在vue里面挂在个div
导入相关包
写个方法 就是cv过来的 然后改成后端传过来的值
我这里就是直接访问后端的一个方法 然后把这个方法放入create生命周期
到这里就结束了
相关推荐
AI视觉网奇1 小时前
Uncaught SyntaxError: Failed to construct ‘RTCPeerConnection‘:再学一点就睡8 小时前
前端网络实战手册：15个高频工作场景全解析C_心欲无痕8 小时前
有限状态机在前端中的应用C_心欲无痕9 小时前
前端基于 IntersectionObserver 更流畅的懒加载实现candyTong9 小时前
深入解析：AI 智能体（Agent）是如何解决问题的？柳杉9 小时前
建议收藏 | 2026年AI工具封神榜：从Sora到混元3D，生产力彻底爆发weixin_462446239 小时前
使用 Puppeteer 设置 Cookies 并实现自动化分页操作：前端实战教程CheungChunChiu9 小时前
Linux 内核动态打印机制详解Irene199110 小时前
Vue 官方推荐：kebab-case（短横线命名法）GIS之路10 小时前
GDAL 创建矢量图层的两种方式