关于外部按钮一键下载echarts图表以及输出图片的文件流格式

function downloadImpByChart(chartId) {

    //第一个方法是通过传入chartId进行下载的

    // var myChart = echarts.init(document.getElementById(chartId));

    // var i = myChart.getDataURL({

    //     type: 'png',

    //     backgroundColor: 'white'

    //     // 导出的图片分辨率比例，默认为 1。

    //     //pixelRatio: number,

    // });

    // var $a = document.createElement('a');

    // $a.setAttribute("href", i);

    // $a.setAttribute("download", chartId + ".png");

    // $a.click();



    //第二个方法是根据你页面上有几个图表就设置i为多少-1，然后进行循环输出

    for (let i = 0; i < 6; i++) {

        const canvas = document.getElementsByTagName('canvas')[i];

        let image = canvas.toDataURL({

            type: "png",                              //设置输出的图片格式

            pixelRatio: 2,

            backgroundColor: 'white'         //设置图片的背景色

        });

        let alink = document.createElement("a");

        alink.href = image;

        alink.download = "Echarts图" + i;   //导出的图片名

        console.log(alink.href)    //这里输出的就是文件流，给你传输到后端接口的数据

        alink.click();

    }

};