导出Echart图表,很简单,我这里用的是vue。
下面的事件函数是你自己创建按钮点击或者其他操作来触发的。(Echarts内部也自带下载图片的功能。网上一搜一堆都能找到)
handleClickExportEcharts(){//导出Echart
const canvas = document.getElementsByTagName('canvas')[0];
let image = canvas.toDataURL({
type:"png",
pixelRatio: 2,
// backgroundColor:'#f1f6f9',//有人说不设置此项,导出图片的底色是黑色。我个人设置了也并没有什么卵用 要想设置导出图片有底色,就要设置Echart的背景色,不设置就是透明的。
});
let alink = document.createElement("a");
alink.href = image;
alink.download = "Echarts图"; //导出的图片名
alink.click();
},