首先打开网址https://echarts.apache.org/examples/zh/index.html
进入Echars官网找到自己想要的图形我这里选择的是柱形图
点开完整代码直接cv大法
下载Echars的npm
npm install echarts
在vue里面挂在个div
导入相关包
写个方法 就是cv过来的 然后改成后端传过来的值
我这里就是直接访问后端的一个方法 然后把这个方法放入create生命周期
到这里就结束了
相关推荐
砚凝霜9 分钟前
软考网络工程师｜案例分析：Eth‑Trunk 链路聚合、iStack 堆叠、CSS 集群核心考点总结珐恩AI-人工智能30 分钟前
大模型意图召回偏差分析：GEO如何解决“有收录却不触发问答曝光”的难题程序员老赵1 小时前
Docker 部署禅道 ZenTao：轻松搭建研发项目管理平台前端小卡拉1 小时前
用了大半年 AI 编程工具，我才搞懂 Skill 到底是什么hunterandroid1 小时前
[鸿蒙从零到一] HarmonyOS 单元测试与 UI 自动化测试实战：从代码质量到用户体验的全链路保障郭邯1 小时前
用 Intl.DateTimeFormat 手写一个时区转换器，顺便聊聊我和 AI 结对编程的日常阿奇__1 小时前
微前端、iframe与Auth Code技术方案对比FungLeo1 小时前
React 管理后台实战 · 前端请求层怎么写？401 静默刷新、token 并发竞争、强制改密拦截一次说清mashirro2 小时前
记一次基于ruoyi-vue新增小程序服务模块，小程序登陆相关Vuji2 小时前
Pi 插件解剖｜ssh.ts：只用 221 行，让 Agent 直接在远程机器干活