将页面中的echarts图标导出png
echarts官网中有个 getDataURL方法 可以返回一个base64的URL
let myChart = this.echarts.init(document.getElementById('large_chart')); const picInfo = myChart.getDataURL({ // 导出的格式,可选 png, jpg, svg // 注意:png, jpg 只有在 canvas 渲染器的时候可使用,svg 只有在使用 svg 渲染器的时候可用 type: 'png', // 导出的图片分辨率比例,默认为 1。 pixelRatio: 1, // 导出的图片背景色,默认使用 option 里的 backgroundColor backgroundColor: '#020527', // 忽略组件的列表,例如要忽略 toolbox 就是 ['toolbox'] excludeComponents: 'toolbox' }); const elink = document.createElement('a'); elink.download = '图表'; elink.style.display = 'none'; elink.href = picInfo; document.body.appendChild(elink); elink.click(); URL.revokeObjectURL(elink.href); // 释放URL 对象 document.body.removeChild(elink)