首先打开网址https://echarts.apache.org/examples/zh/index.html
进入Echars官网找到自己想要的图形我这里选择的是柱形图
点开完整代码直接cv大法
下载Echars的npm
npm install echarts
在vue里面挂在个div
导入相关包
写个方法 就是cv过来的 然后改成后端传过来的值
我这里就是直接访问后端的一个方法 然后把这个方法放入create生命周期
到这里就结束了
相关推荐
古蓬莱掌管玉米的神3 小时前
vue3语法watch与watchEffect林涧泣3 小时前
【Uniapp-Vue3】uni-icons的安装和使用雾恋3 小时前
AI导航工具我开源了利用node爬取了几百条数据拉一次撑死狗3 小时前
Vue基础（2）祯民4 小时前
两年工作之余，我在清华大学出版社出版了一本 AI 应用书籍热情仔4 小时前
mock可视化&生成前端代码m0_748246354 小时前
SpringBoot返回文件让前端下载的几种方式wjs04064 小时前
用css实现一个类似于elementUI中Loading组件有缺口的加载圆环爱趣五科技4 小时前
无界云剪音频教程：提升视频质感计算机-秋大田5 小时前
基于微信小程序的校园失物招领系统设计与实现（LW+源码+讲解）