前端實現導出Echarts圖表

　　導出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();

        },