在小程序中保存下载echarts+canvas合成图片

最近小程序项目在echarts中合??成图片遇到了一些问题。综合了很多网友的经验。我想在这里分享我的经验。如有错误，欢迎指正。1、小程序中引入echarts组件，请参考echarts-for-weixin。我的页面有多个图表，所以我稍微修改了index.wxml页面index.js页面varChart1=null;varChart2=null;Page({data:{ec1:{onInit:function(canvas,width,height){Chart1=echarts.init(canvas,null,{width:width,height:height});canvas.setChart(Chart1);returnChart1;}},ec2:{onInit:function(canvas,width,height){Chart1=echarts.init(canvas,null,{width:宽度,height:高度});canvas.setChart(图1);返回图表1；}},},onLoad(){setTimeout(this.getData,1000);},getData(){wx.showLoading({title:'加载中...',})Chart1.setOption({title:{text:'某站用户访问来源',subtext:'纯属虚构',x:'center'},tooltip:{trigger:'item',formatter:"{a}
{b}:{c}({d}%)"},legend:{orient:'vertical',x:'left',data:['directaccess','emailmarketing','affiliateadvertising','videoAdvertising','SearchEngine']},toolbox:{show:true,feature:{标记:{show:true},dataView:{show:true,readOnly:false},magicType:{show:true,type:['pie','funnel'],选项：{funnel:{x:'25%',width:'50%',funnelAlign:'left',max:1548}}},restore:{show:true},saveAsImage:{show:true}}},calculable:true,series:[{name:'accesssource',type:'pie',radius:'55%',center:['50%','60%'],data:[{value:335，名称：'直接访问'}，{值：310，名称：'电子邮件营销'}，{值：234，名称：'附属广告'}，{值：135，名称：'视频广告'}，{值:1548,名称:'搜索引擎'}]}]});Chart2.setOption({title:{text:'某站用户访问来源',subtext:'纯属虚构',x:'center'},tooltip:{trigger:'item',formatter:"{a}
{b}:{c}({d}%)"},legend:{orient:'vertical',x:'left',data:['直接访问','电子邮件营销','附属广告','视频广告','搜索引擎']},toolbox:{show:true,feature:{mark:{show:true},dataView:{show:true,readOnly:false},magicType:{show:true,type：['饼图'，'漏斗']，选项：{漏斗：{x：'25％'，宽度：'50％'，funnelAlign：'左'，max:1548}}},restore:{show:true},saveAsImage:{show:true}}},calculable:true,series:[{name:'accesssource',type:'pie',radius:'55}%',center:['50%','60%'],data:[{value:335,name:'DirectAccess'},{value:310,name:'EmailMarketing'},{value:234,name:'affiliateadvertising'},{value:135,name:'videoadvertising'},{value:1548,name:'searchengine'}]}]});wx.hideLoading();}})2.echarts图表转图片小程序提供了wx.canvasToTempFilePath接口，可以直接将canvas绘制成png图片。现在问题来了。在苹果上绘制没有问题，在安卓手机上绘制失败的概率很高，尤其是多图表然后参考了网上的一篇文章，小程序echarts+canvasdrawer实现页面转换图片并保存到相册。根据本文内容，修改//ec-canvas.js源码，编写Android机型兼容配置。如果你的页面只有一张echarts图表的话，是可以转换成功的。如果有多个echarts，请修改ec-canvas.js源码，draw方式选择false。希望遇到坑的小伙伴能绕坑走一走。