vue整合Echarts

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

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

点开完整代码直接cv大法

下载Echars的npm

npm install echarts

在vue里面挂在个div

导入相关包

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

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

到这里就结束了

相关推荐
涔溪1 分钟前
uni-app环境搭建
前端·uni-app
安冬的码畜日常5 分钟前
【CSS in Depth 2 精译_032】5.4 Grid 网格布局的显示网格与隐式网格(上)
前端·css·css3·html5·网格布局·grid布局·css网格布局
洛千陨5 分钟前
element-plus弹窗内分页表格保留勾选项
前端·javascript·vue.js
小小19927 分钟前
elementui 单元格添加样式的两种方法
前端·javascript·elementui
完球了26 分钟前
【Day02-JS+Vue+Ajax】
javascript·vue.js·笔记·学习·ajax
前端没钱27 分钟前
若依Nodejs后台、实现90%以上接口,附体验地址、源码、拓展特色功能
前端·javascript·vue.js·node.js
爱喝水的小鼠32 分钟前
AJAX(一)HTTP协议(请求响应报文),AJAX发送请求,请求问题处理
前端·http·ajax
叫我:松哥1 小时前
基于机器学习的癌症数据分析与预测系统实现,有三种算法,bootstrap前端+flask
前端·python·随机森林·机器学习·数据分析·flask·bootstrap
让开,我要吃人了1 小时前
HarmonyOS鸿蒙开发实战(5.0)网格元素拖动交换案例实践
前端·华为·程序员·移动开发·harmonyos·鸿蒙·鸿蒙开发
谢尔登1 小时前
Webpack 和 Vite 的区别
前端·webpack·node.js