首先打开网址https://echarts.apache.org/examples/zh/index.html
进入Echars官网找到自己想要的图形我这里选择的是柱形图
点开完整代码直接cv大法
下载Echars的npm
npm install echarts
在vue里面挂在个div
导入相关包
写个方法 就是cv过来的 然后改成后端传过来的值
我这里就是直接访问后端的一个方法 然后把这个方法放入create生命周期
到这里就结束了
相关推荐
幻灵尔依6 分钟前
前端编码统一规范欢脱的小猴子6 分钟前
VUE3加载cesium，导入czml的星座后页面卡死BUG 修复高级测试工程师欧阳8 分钟前
CSS 基础概念前端小巷子8 分钟前
JS 实现图片瀑布流布局Juchecar15 分钟前
AI教你常识之 npm / pnpm / package.json薛定谔的猫222 分钟前
前端工程化系列（一）：编码规范相关ZKshun25 分钟前
[ 前端性能优化 - 图片压缩 ] WebP格式的的图片性能到底有多优秀？杜蒙29 分钟前
React Hooks 详解南囝coding29 分钟前
Claude Code 从入门到精通：最全配置指南和工具推荐索马里亚纳海参炒贩30 分钟前
useCallback useMemo memo 三个区别和作用