将echarts图表导出图片

将页面中的echarts图标导出pngecharts官网中有个 getDataURL方法可以返回一个base64的URLlet myChart = this.echarts.init(document.getElementById('large_chart'));const picInfo = myChart.getDataURL({// 导出的格式，可选 png, jpg, svg// 注意：

天空中的星~

6830人浏览 · 2022-02-25 11:17:35

天空中的星~ · 2022-02-25 11:17:35 发布

将页面中的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)