首先打开网址https://echarts.apache.org/examples/zh/index.html
进入Echars官网找到自己想要的图形我这里选择的是柱形图
点开完整代码直接cv大法
下载Echars的npm
npm install echarts
在vue里面挂在个div
导入相关包
写个方法 就是cv过来的 然后改成后端传过来的值
我这里就是直接访问后端的一个方法 然后把这个方法放入create生命周期
到这里就结束了
相关推荐
Moment15 分钟前
Next.js 15.5 带来 Turbopack Beta、Node 中间件稳定与 TypeScript 强化 🚀🚀🚀yzzzzzzzzzzzzzzzzz37 分钟前
初识javascriptexcel1 小时前
硬核 DOM2/DOM3 全解析：从命名空间到 Range，前端工程师必须掌握的底层知识专注API从业者9 小时前
Python + 淘宝 API 开发：自动化采集商品数据的完整流程烛阴10 小时前
TypeScript高手密技：解密类型断言、非空断言与 `const` 断言样子201810 小时前
Uniapp 之renderjs解决swiper+多个video卡顿问题Nicholas6811 小时前
flutterAppBar之SystemUiOverlayStyle源码解析(一)黑客飓风11 小时前
JavaScript 性能优化实战大纲emojiwoo12 小时前
【前端基础知识系列六】React 项目基本框架及常见文件夹作用总结（图文版）张人玉13 小时前
XML 序列化与操作详解笔记