首先打开网址https://echarts.apache.org/examples/zh/index.html
进入Echars官网找到自己想要的图形我这里选择的是柱形图
点开完整代码直接cv大法
下载Echars的npm
npm install echarts
在vue里面挂在个div
导入相关包
写个方法 就是cv过来的 然后改成后端传过来的值
我这里就是直接访问后端的一个方法 然后把这个方法放入create生命周期
到这里就结束了
相关推荐
失忆爆表症15 分钟前
05_UI 组件库集成指南：Shadcn/ui + Tailwind CSS v4小迷糊的学习记录16 分钟前
Vuex 与 pinia发现一只大呆瓜28 分钟前
前端性能优化：图片懒加载的三种手写方案不爱吃糖的程序媛38 分钟前
Flutter 与 OpenHarmony 通信：Flutter Channel 使用指南利刃大大39 分钟前
【Vue】Element-Plus快速入门 && Form && Card && Table && Tree && Dialog && MenuNEXT061 小时前
AI 应用工程化实战：使用 LangChain.js 编排 DeepSeek 复杂工作流念风零壹1 小时前
AI 时代的前端技术：从系统编程到 JavaScript/TypeScript光影少年2 小时前
react的hooks防抖和节流是怎样做的小毛驴8502 小时前
Vue 路由示例发现一只大呆瓜2 小时前
AI流式交互：SSE与WebSocket技术选型