首先打开网址https://echarts.apache.org/examples/zh/index.html
进入Echars官网找到自己想要的图形我这里选择的是柱形图
点开完整代码直接cv大法
下载Echars的npm
npm install echarts
在vue里面挂在个div
导入相关包
写个方法 就是cv过来的 然后改成后端传过来的值
我这里就是直接访问后端的一个方法 然后把这个方法放入create生命周期
到这里就结束了
相关推荐
成都渲染101云渲染66667 分钟前
如何在3ds Max中实现更快、更高质量的渲染闲猫2 小时前
Spring AI 对接Deepseek ChatModel 聊天对话paopaokaka_luck3 小时前
英语单词学习系统的设计与实现（基于艾宾浩斯遗忘曲线的智能复习机制、语音朗读、多题型测试与错题自动收录、Echarts图形化分析）自信的未来4 小时前
JSON 工具｜Web Worker 工程化打包 + 语法自动修复 + 多语言代码生成实战全栈前端老曹4 小时前
【MongoDB】安全与权限管理 —— 用户认证、角色权限、SSL 加密zhangxingchao5 小时前
AI大模型核心八：从 Agent Skill、长文档 RAG 到知识库更新与训练策略zhangxingchao5 小时前
AI大模型核心七：从 Workflow、RAG、记忆治理到幂等性gyx_这个杀手不太冷静6 小时前
Agent开发进阶指南（第 1 章）：AI Agent 到底是什么？小小小小宇7 小时前
模型相关知识小小小小宇7 小时前
模型相关知识二