echarts-获取echarts内的图片

//下载获取
$("#ntexport").click(function () {
    var mycanvas = $("#chartsImgOne").find("canvas")[0];
    var image = mycanvas.toDataURL("image/jpeg");
    var $a = document.createElement('a');
    $a.setAttribute("href", image);
    $a.setAttribute("download", "");        // 下载的图片名称
    $a.click();
//    window.location.href=image;
});

 以上获取背景是黑色；也可以以下获取 ；把$a中的$a.setAttribute("href", image)改成：$a.setAttribute("href", resultBase64 );就可以了

var myChart = echarts.init(document.getElementById('chartsImgOne'));
var resultBase64 = myChart.getDataURL({
       type: 'png',
       pixelRatio: 2,  
       backgroundColor: '#fff'
 });

 

mycanvas：获取echarts中的画布元素

图像：转成字节流（BASE64）的格式传给后台解析

$ A：创建一个一个标签把属性都挂载在一个标签上

 

我在原文  的基础上做了一些说明