echart实现自写下载图片按钮

• 需求：点击自己写的下载按钮，下载echart提供的图片
• 代码

	<el-button  style="margin-left:10px;" type="primary" plain @click="saveImgae" >导出</el-button>
	<div class="z-echartbox" style="height:50vh;width:100%">
				<div class="z-echart" style="height:50vh;width:100%" ref="online"></div>
	</div>

// js

// 导出图片
const online = ref(null)
const saveImgae = ()=>{

	let picInfo = online.value.getDataURL({ // 获取echart自带的下载的图片
       type: 'png',
       pixelRatio: 1.5,  //放大两倍下载，之后压缩到同等大小展示。解决生成图片在移动端模糊问题
       backgroundColor: '#fff'
   });//获取到的是一串base64信息
   const elink = document.createElement('a');
	elink.download = `xxxxx-${moment().format('YYYY-MM-DD HH:mm:ss')}`;
	elink.style.display = 'none';
	elink.href = picInfo;
	document.body.appendChild(elink);
	elink.click();
	URL.revokeObjectURL(elink.href); // 释放URL 对象
	document.body.removeChild(elink)
}

// 一些option设置
 toolbox: {
          feature: {
			saveAsImage: {show: false, title: '保存截图', type: 'png'}
          },
        },