您的位置:首页 > 娱乐 > 八卦 > 【uniApp】ucharts 实现图表下载

【uniApp】ucharts 实现图表下载

2025/2/27 17:09:25 来源:https://blog.csdn.net/wbx_wlg/article/details/140382273  浏览:    关键词:【uniApp】ucharts 实现图表下载

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

<uni-icons type="download" size="22" color="#04a1f4" @click="downImg()"></uni-icons>
<qiun-data-chartsref="myChart"type="line":canvas2d="true"canvasId='myChart'  :opts="myChartOpt":chartData="myChartData":animation="false":ontouch="true"/>
methods: {console.log(this.$refs.myChart) // 通过输出图表的this对象可以看到有saveImage方法,如上图所示this.$refs.myChart.saveImage()
}

版权声明:

本网仅为发布的内容提供存储空间,不对发表、转载的内容提供任何形式的保证。凡本网注明“来源:XXX网络”的作品,均转载自其它媒体,著作权归作者所有,商业转载请联系作者获得授权,非商业转载请注明出处。

我们尊重并感谢每一位作者,均已注明文章来源和作者。如因作品内容、版权或其它问题,请及时与我们联系,联系邮箱:809451989@qq.com,投稿邮箱:809451989@qq.com