uniapp引入echarts

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

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

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

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

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

2.在项目中引入;

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

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

echarts - DCloud 插件市场

如有问题,欢迎讨论!

相关推荐
需要兼职养活自己4 分钟前
react【portals】与vue3【<Teleport>】
前端·react.js
用户47949283569155 分钟前
React 19.2 重磅更新:终于解决 useEffect 依赖数组难题
前端·react.js
00后程序员张8 分钟前
Swoole HTTPS 实战,在生产环境部署、性能权衡与排查流程
后端·ios·小程序·https·uni-app·iphone·swoole
梦里小白龙12 分钟前
前端视频课程添加水印,全屏不消失解决方法
前端·音视频
我命由我1234517 分钟前
PDFBox - PDDocument 与 byte 数组、PDF 加密
java·服务器·前端·后端·学习·java-ee·pdf
@PHARAOH18 分钟前
HOW - prefetch 二级页面实践
前端·javascript·react.js
EF@蛐蛐堂20 分钟前
WUJIE VS QIANKUN 微前端框架选型(一)
前端·vue.js·微服务·架构
咚咚咚小柒27 分钟前
【前端】用el-popover做通用悬停气泡(可设置弹框宽度)
前端·javascript·vue.js·elementui·html·scss
Ares-Wang28 分钟前
CSS3》》 transform、transition、translate、animation 区别
前端·css·css3
fsnine41 分钟前
Python Web框架对比与模型部署
开发语言·前端·python