uniapp引入echarts

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

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

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

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

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

2.在项目中引入;

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

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

echarts - DCloud 插件市场

如有问题,欢迎讨论!

相关推荐
HYCS2 分钟前
用pixijs实现fabricjs(二):对象的基础位置信息
前端·javascript·canvas
淸湫5 分钟前
项目中使用了全局权限管理,请详细描述如何通过Vue Router的路由守卫来实现全局权限控制?
前端·vue.js
雪铃儿9 分钟前
Shorebird 之外,Flutter Android 热更新还有什么选择
android·前端
李剑一13 分钟前
前端必看 | Vue 刷新页面,生命周期钩子直接 "罢工",原来问题在这?90% 开发者都栽过!
前端·vue.js
閞杺哋笨小孩21 分钟前
域名驱动多租户入驻:后台配置 + 前端解析
前端·vue.js
TeamDev23 分钟前
在 Excel 加载项中嵌入 Web 视图
前端·后端·.net
悠哉摸鱼大王23 分钟前
cesium学习(一)-基本概念
前端·cesium
LinDaiDai_霖呆呆23 分钟前
大白话介绍大模型的一些底层原理,看完终于能跟人聊两句了
前端·人工智能·面试
悠哉摸鱼大王30 分钟前
cesium学习(二)-地图地形
前端·cesium
青山师1 小时前
【AI热点资讯】5月10日AI热点:Cloudflare裁员1100人、Musk庭审第二周回顾、OpenAI发布Codex Chrome插件
前端·人工智能·chrome·ai·ai热点