【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()
}
相关推荐
前端Hardy3 分钟前
HTML&CSS:3D图片切换效果
前端·javascript
spionbo24 分钟前
Vue 表情包输入组件实现代码及完整开发流程解析
前端·javascript·面试
全宝24 分钟前
✏️Canvas实现环形文字
前端·javascript·canvas
lyc23333325 分钟前
鸿蒙Core File Kit:极简文件管理指南📁
前端
我这里是好的呀25 分钟前
全栈开发个人博客12.嵌套评论设计
前端·全栈
我这里是好的呀26 分钟前
全栈开发个人博客13.AI聊天设计
前端·全栈
金金金__27 分钟前
Element-Plus:popconfirm与tooltip一起使用不生效?
前端·vue.js·element
lyc23333327 分钟前
小L带你看鸿蒙应用升级的数据迁移适配📱
前端
用户268128510666933 分钟前
react-pdf(pdfjs-dist)如何兼容老浏览器(chrome 49)
前端