首先打开网址https://echarts.apache.org/examples/zh/index.html
进入Echars官网找到自己想要的图形我这里选择的是柱形图
点开完整代码直接cv大法
下载Echars的npm
npm install echarts
在vue里面挂在个div
导入相关包
写个方法 就是cv过来的 然后改成后端传过来的值
我这里就是直接访问后端的一个方法 然后把这个方法放入create生命周期
到这里就结束了
相关推荐
仿生狮子7 小时前
✂️ Nuxt 最简单的字体裁剪工具：Fontize石小石Orz9 小时前
我发现了开发者AI产品营收的新方向老马识途2.010 小时前
关于跨域问题的总结别惊醒渔人11 小时前
Vue3 Diff 优化：最长递增子序列 LIS颜酱12 小时前
07 | 把字段与指标同步到 Qdrant（生成阶段）用户0595401744612 小时前
把AI长期记忆测试从手动验证换成pytest，2天揪出11个隐藏Buglichenyang45313 小时前
从 Vite 空项目到 AIGC 图片工作台：我如何打通生图、任务轮询、生成库与 Canvas 动态特效泡沫冰@13 小时前
上章节中文件的讲解进击的丸子13 小时前
APP人脸识别增值版Harmony Demo实操与关键代码解析a11177614 小时前
唯美花朵风格的黑胶唱片音乐播放器