【uniApp】ucharts 实现图表下载

由于移动端和PC端功能场景的差异,很多移动端绘制可视化图表是没有下载需求的,导致其在网上提供的解决方法很少,通过对代码的解析发现ucharts内部封装的有saveImage方法,直接调用可以直接保存至手机的相册中,具体方法如下:

html 复制代码
<uni-icons type="download" size="22" color="#04a1f4" @click="downImg()"></uni-icons>
<qiun-data-charts
	ref="myChart"
    type="line"
	:canvas2d="true"
	canvasId='myChart'  
	:opts="myChartOpt"
    :chartData="myChartData"
	:animation="false"
	:ontouch="true"
 />
javascript 复制代码
methods: {
	console.log(this.$refs.myChart) // 通过输出图表的this对象可以看到有saveImage方法,如上图所示
	this.$refs.myChart.saveImage()
}
相关推荐
wayhome在哪5 分钟前
前端高频考题(css)
前端·css·面试
wayhome在哪14 分钟前
前端高频考题(html)
前端·面试·html
冰糖雪梨dd30 分钟前
vue在函数内部调用onMounted
前端·javascript·vue.js
CC__xy35 分钟前
《ArkUI 记账本开发:状态管理与数据持久化实现》
java·前端·javascript
Nicholas6837 分钟前
flutter滚动视图之ProxyWidget、ProxyElement、NotifiableElementMixin源码解析(八)
前端
lichenyang4531 小时前
[特殊字符] React 自定义 Hook 实现防抖(Debounce)
前端·react.js·前端框架
Mintopia1 小时前
🌌 Next.js 服务端组件(Server Components)与客户端组件(`"use client"`)
前端·javascript·next.js
Mintopia1 小时前
⚔️ WebAI 推理效率优化:边缘计算 vs 云端部署的技术博弈
前端·javascript·aigc
爱学大树锯3 小时前
【Ruoyi 解密 - 09. 前端探秘2】------ 接口路径及联调实战指南
前端