uniapp引入echarts

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

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

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

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

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

2.在项目中引入;

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

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

echarts - DCloud 插件市场

如有问题,欢迎讨论!

相关推荐
whinc2 分钟前
Node.js技术周刊 2026年第16周
前端·javascript
DyLatte4 分钟前
我做了个AI项目后才发现:会做事的人,正在输给会讲故事的人
前端·后端·程序员
深海鱼在掘金5 分钟前
从Claude Code泄露源码看工程架构:第三章 — CLI 启动链路的分流策略与按需加载机制
前端·人工智能·设计模式
踩着两条虫5 分钟前
VTJ:低代码平台原理
前端·低代码·ai编程
颜酱7 分钟前
提示词强化1:三个让大模型更「听话」的习惯
前端·javascript·人工智能
破茧成蝶8107 分钟前
修复播报缺失文字的bug,改为“播放单个 -> 等待结束 -> 延迟 10ms秒 -> 播放下一个”的递归/循环模式
前端
颜酱11 分钟前
提示词强化 2:元提示(Meta-Prompt)与动态提示词
前端·javascript·人工智能
fengci.12 分钟前
ctfshow其他(web408-web432)
android·开发语言·前端·学习·php
研☆香18 分钟前
es6的一些更新特点介绍
前端·ecmascript·es6
hlvy21 分钟前
Claude Code 太难看?我开源了一个 Web GUI
前端·ai·claude