echarts是一個第三方的圖圖表控件，可以按照你的數(shù)據(jù)制作出很多不同類型的圖表，更直觀的感受到數(shù)據(jù)變化，有些用戶需要把圖標(biāo)打印下來，那么該怎么設(shè)置打印呢，接下來一起來看看吧 。
ECharts怎么打印數(shù)據(jù)一、 首先我們要做的，就是在Echarts圖標(biāo)上方定義一個img
1
2
3
【ECharts怎么打印數(shù)據(jù)】二、然后第二步，我們要創(chuàng)建一個用來打印的按鈕 。
1
三、接下來，我們只需要定義打印函數(shù)就可以了，現(xiàn)在就把相關(guān)函數(shù)代碼放在下面，可以自取哦 。
1 function PrintImage() {
2 // 把echarts圖片轉(zhuǎn)成64編碼的圖片
3 var img = new Image();
4 var imgSrc = https://www.rkxy.com.cn/dnjc/myChart.getDataURL();
5 // 渲染到圖表上面展示
6 $("#printImg").attr("src", imgSrc).show();
7 //這里要使用延時加載，才不會在圖片還沒渲染出來的時候就調(diào)用打印的方法
8 setTimeout(function() {
9 //直接調(diào)用瀏覽器打印功能
10 bdhtml = window.document.body.innerHTML;
11 //定義打印區(qū)域起始字符，根據(jù)這個截取網(wǎng)頁局部內(nèi)容
12 sprnstr = ""; //打印區(qū)域開始的標(biāo)記
13 eprnstr = ""; //打印區(qū)域結(jié)束的標(biāo)記
14 prnhtml = bdhtml.substr(bdhtml.indexOf(sprnstr)17);
15 prnhtml = prnhtml.substring(0, prnhtml.indexOf(eprnstr));
16 //還原網(wǎng)頁內(nèi)容
17 window.document.body.innerHTML = prnhtml;
18 //開始打印
19 window.print();
20 }, 1000);
21
22 }
相關(guān)閱讀：怎么在pycharm中運行
推薦閱讀
- 小天才手表怎么查看通話記錄
- AU怎么導(dǎo)入CD中的音頻
- 鳳仙花染指甲染到手指上怎么去掉
- 得物怎么申請退換貨
- todesk怎么控制手機
- 3dmax中材質(zhì)丟了怎么辦
- qq音樂手機號碼怎么登錄
- python怎么安裝搭建環(huán)境 python安裝搭建環(huán)境方法介紹
- 華為云怎么充值
- 華為手表新款watch3怎么獨立通話