uniapp引入echarts

作为前端在开发需求的时候经常会遇到将数据展示为图表的需求,之前一直用的HBuilder的图表插件uCharts,使用方法可以参考我的另一篇博客:uniapp 中使用图表(秋云uCharts图表组件)

但是最近发现uCharts很多功能都需要付费或者开通会员才能使用,对咱这些开发者很不友好,于是还是考虑用echarts,毕竟都是免费的。

1.安装HBuilder插件市场和echarts有关的插件;

打开HBuilder编译软件 ------> 选择顶部菜单栏的【工具】------>【插件安装】------> 【前往插件市场安装】

这里直接点击右边的下载会弹框出来让你看广告,我看了好几遍还是下载不了,于是用的左边的仓库clone下来的,推荐!

2.在项目中引入;

clone下来就是这几个目录,将其放到你项目对应的目录:

3.代码中的具体运用可以参考官网

echarts - DCloud 插件市场

如有问题,欢迎讨论!

相关推荐
终端鹿3 分钟前
Vue3 模板引用 (ref):操作 DOM 与子组件实例 从入门到精通
前端·javascript·vue.js
千寻girling18 分钟前
不知道 Java 全栈 + AI 编程有没有搞头 ?
前端·人工智能·后端
小码哥_常1 小时前
Android开发:精准捕获应用的前后台行踪
前端
蜡台1 小时前
Vue 打包优化
前端·javascript·vue.js·vite·vue-cli
木斯佳1 小时前
前端八股文面经大全:快手前端一面 (2026-03-29)·面经深度解析
前端·宏任务·原型链·闭包
皙然1 小时前
Redis配置文件(redis.conf)超详细详解
前端·redis·bootstrap
卷帘依旧2 小时前
JavaScript中this绑定问题详解
前端·javascript
dweizhao2 小时前
突发!Claude Code源码泄露了
前端
sunny_2 小时前
💥 Claude Code 源码泄露?我把这个最强 AI Coding Agent 的架构扒干净了
前端·agent·claude
西洼工作室3 小时前
React轮播图优化:通过延迟 + 动画的组合,彻底消除视觉上的闪烁感
前端·react.js·前端框架