【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()
}
相关推荐
丷丩6 分钟前
工程级MVT地图瓦片服务器Web前端架构设计文档
前端·vue·gis·pinia·geoai-up
小鹿软件办公7 分钟前
Google 在 Chrome 和搜索中加入 SynthID AI 图像检测功能
前端·人工智能·chrome
海兰8 分钟前
【实用程序】图片处理服务,前端应用 (Vue 3 + Pinia + Vite)后端服务 (Node.js + Express + Sharp)
前端·javascript·vue.js·node.js·pinia
是谁眉眼10 分钟前
css讲解
前端
IT_陈寒11 分钟前
Vite热更新失效?我在这坑里卡了一下午
前端·人工智能·后端
代码搬运媛17 分钟前
双Token刷新机制详解
前端
一天 24h28 分钟前
从单体到分布式:JWT 如何彻底改变 Web 认证系统
前端·分布式
持梦远方28 分钟前
Nginx 静态资源挂载与前端部署实战笔记
linux·前端·笔记·nginx
木斯佳29 分钟前
前端八股文面经大全:腾讯云智前端一面(2026-05-13)·面经深度解析
前端·状态模式
fanzhonghong30 分钟前
javaWeb后端开发之Linux项目部署3和Docker部署1
linux·服务器·前端·docker