首先打开网址https://echarts.apache.org/examples/zh/index.html
进入Echars官网找到自己想要的图形我这里选择的是柱形图
点开完整代码直接cv大法
下载Echars的npm
npm install echarts
在vue里面挂在个div
导入相关包
写个方法 就是cv过来的 然后改成后端传过来的值
我这里就是直接访问后端的一个方法 然后把这个方法放入create生命周期
到这里就结束了
相关推荐
喵叔哟8 分钟前
重构代码之取消临时字段还是大剑师兰特1 小时前
D3的竞品有哪些，D3的优势，D3和echarts的对比王解1 小时前
【深度解析】CSS工程化全攻略（1）一只小白菜~1 小时前
web浏览器环境下使用window.open()打开PDF文件不是预览，而是下载文件？方才coding1 小时前
1小时构建Vue3知识体系之vue的生命周期函数man20171 小时前
【2024最新】基于springboot+vue的闲一品交易平台lw+ppt阿征学IT1 小时前
vue过滤器初步使用王哲晓1 小时前
第四十五章 Vue之Vuex模块化创建（module）丶21361 小时前
【WEB】深入理解 CORS（跨域资源共享）：原理、配置与常见问题发现你走远了1 小时前
『VUE』25. 组件事件与v-model（详细图文注释）