vue整合Echarts

首先打开网址https://echarts.apache.org/examples/zh/index.html

进入Echars官网找到自己想要的图形我这里选择的是柱形图

点开完整代码直接cv大法

下载Echars的npm

复制代码
npm install echarts

在vue里面挂在个div

导入相关包

写个方法 就是cv过来的 然后改成后端传过来的值

我这里就是直接访问后端的一个方法 然后把这个方法放入create生命周期

到这里就结束了

相关推荐
孟祥_成都36 分钟前
【全网最通俗!新手到AI全栈开发必读】 AI 是如何进化到大模型的
前端·人工智能·全栈
牛奶1 小时前
AI辅助开发的基础概念
前端·人工智能·ai编程
摸鱼的春哥1 小时前
Agent教程15:认识LangChain,Agent框架的王(上)
前端·javascript·后端
明月_清风2 小时前
自定义右键菜单:在项目里实现“选中文字即刻生成新提示”
前端·javascript
明月_清风2 小时前
告别后端转换:高质量批量导出实战
前端·javascript
刘发财7 小时前
弃用html2pdf.js,这个html转pdf方案能力是它的几十倍
前端·javascript·github
牛奶9 小时前
2026年大模型怎么选?前端人实用对比
前端·人工智能·ai编程
牛奶9 小时前
前端人为什么要学AI?
前端·人工智能·ai编程
Kagol12 小时前
🎉OpenTiny NEXT-SDK 重磅发布:四步把你的前端应用变成智能应用!
前端·开源·agent
GIS之路13 小时前
ArcGIS Pro 中的 notebook 初识
前端