【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()
}
相关推荐
爱分享的鱼鱼16 分钟前
对比理解 Vue 响应式 API:data(), ref、reactive、computed 与 watch 详解
前端·vue.js
JS_GGbond18 分钟前
【性能优化】给Vue应用“瘦身”:让你的网页快如闪电的烹饪秘籍
前端·vue.js
T___T19 分钟前
一个定时器,理清 JavaScript 里的 this
前端·javascript·面试
代码小学僧20 分钟前
从 Arco Table 迁移到 VTable:VTable使用经验分享
前端·react.js·开源
微笑的曙光21 分钟前
Vue3 环境搭建 5 步走(零基础友好)
前端
不知名用户来了25 分钟前
基于vue3 封装的antdv/element-Plus 快速生成增删改查页面
前端
明川31 分钟前
Android Gradle - ASM + AsmClassVisitorFactory插桩使用
android·前端·gradle
布列瑟农的星空32 分钟前
webpack迁移rsbuild——配置深度对比
前端
前端小黑屋34 分钟前
查看项目中无引用到的文件、函数
前端
前端小黑屋35 分钟前
小程序直播挂件Pendant问题
前端·微信小程序·直播