uniapp引入echarts

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

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

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

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

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

2.在项目中引入;

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

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

echarts - DCloud 插件市场

如有问题,欢迎讨论!

相关推荐
野生的程序媛14 分钟前
重生之我在学Vue--第8天 Vue 3 UI 框架(Element Plus)
前端·vue.js·ui
前端付杰41 分钟前
从Vue源码解锁位运算符:提升代码效率的秘诀
前端·javascript·vue.js
然后就去远行吧42 分钟前
小程序 wxml 语法 —— 37 setData() - 修改对象类型数据
android·前端·小程序
用户32035783600244 分钟前
高薪运维必备Prometheus监控系统企业级实战(已完结)
前端
黄天才丶1 小时前
高级前端篇-脚手架开发
前端
乐闻x1 小时前
React 如何实现组件懒加载以及懒加载的底层机制
前端·react.js·性能优化·前端框架
小鱼冻干1 小时前
http模块
前端·node.js
悬炫1 小时前
闭包、作用域与作用域链:概念与应用
前端·javascript
jiaHang1 小时前
小程序中通过IntersectionObserver实现曝光统计
前端·微信小程序
打野赵怀真1 小时前
前端资源发布路径怎么实现非覆盖式发布(平滑升级)?
前端·javascript