首先打开网址https://echarts.apache.org/examples/zh/index.html
进入Echars官网找到自己想要的图形我这里选择的是柱形图
点开完整代码直接cv大法
下载Echars的npm
npm install echarts
在vue里面挂在个div
导入相关包
写个方法 就是cv过来的 然后改成后端传过来的值
我这里就是直接访问后端的一个方法 然后把这个方法放入create生命周期
到这里就结束了
相关推荐
大飞记Python4 分钟前
部门管理｜“编辑部门”功能实现（Django5零基础Web平台）tsumikistep1 小时前
【前端】前端运行环境的结构你的人类朋友1 小时前
【Node】认识multer库Aitter1 小时前
PDF和Word文件转换为Markdown的技术实现mapbar_front2 小时前
面试问题—上家公司的离职原因昔人'2 小时前
css使用 :where() 来简化大型 CSS 选择器列表昔人'2 小时前
css `dorp-shadow`流***陌3 小时前
扭蛋机 Roll 福利房小程序前端功能设计：融合趣味互动与福利适配烛阴3 小时前
用 Python 揭秘 IP 地址背后的地理位置和信息前端开发爱好者3 小时前
尤雨溪官宣："新玩具" 比 Prettier 快 45 倍！