本篇內容介紹了“ECharts如何打印數據”的有關知識，在實際案例的操作過程中，不少人都會遇到這樣的困境，接下來就讓小編帶領大家學習一下如何處理這些情況吧！希望大家仔細閱讀，能夠學有所成！
一、 首先我們要做的，就是在Echarts圖標上方定義一個img
1 <!--startprint-->
2 <img src="" id="printImg" style="height:
50%;width:90%;display: none;" />
3 <!--endprint-->
二、然后第二步，我們要創建一個用來打印的按鈕。
1 <button id="print" text="打印圖表" img="WEB-CORE/images/gif/Export.gif" action="PrintImage()" />
三、接下來，我們只需要定義打印函數就可以了，現在就把相關函數代碼放在下面，可以自取哦。
1 function PrintImage() {
2 // 把echarts圖片轉成64編碼的圖片
3 var img = new Image();
4 var imgSrc = myChart.getDataURL();
5 // 渲染到圖表上面展示
6 $("#printImg").attr("src", imgSrc).show();
7 //這里要使用延時加載，才不會在圖片還沒渲染出來的時候就調用打印的方法
8 setTimeout(function() {
9 //直接調用瀏覽器打印功能
10 bdhtml = window.document.body.innerHTML;
11 //定義打印區域起始字符，根據這個截取網頁局部內容
12 sprnstr = "<!--startprint-->"; //打印區域開始的標記
13 eprnstr = "<!--endprint-->"; //打印區域結束的標記
14 prnhtml = bdhtml.substr(bdhtml.indexOf(sprnstr) + 17);
15 prnhtml = prnhtml.substring(0, prnhtml.indexOf(eprnstr));
16 //還原網頁內容
17 window.document.body.innerHTML = prnhtml;
18 //開始打印
19 window.print();
20 }, 1000);
21
22 }
“ECharts如何打印數據”的內容就介紹到這里了，感謝大家的閱讀。如果想了解更多行業相關的知識可以關注億速云網站，小編將為大家輸出更多高質量的實用文章！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
