echarts导出为图片

可根据canvas导出为图片的步骤来做:

// 基于准备好的dom,初始化echarts实例
var myChart = echarts.init(document.getElementById('dailyCurveCharts'));

获取echarts中的canvas

var mycanvas = $("#dailyCurveCharts").find("canvas")[0];

点击按钮导出图片

//导出
$("#exportExcel").click(function () {
    var mycanvas = $("#dailyCurveCharts").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; // it will save locally
});

20180531更新

设置导出图片的名称

$a.setAttribute("download", "echarts图片下载");

猜你喜欢

转载自blog.csdn.net/hao_0420/article/details/80255281
今日推荐