ECharts怎麼打印數據

echarts是一個第三方的圖tml" target="_blank" >圖表控件，可以按照你的數據製作出很多不同類型的圖表，更直觀的感受到數據變化，有些用户需要把圖標打印下來，那麼該怎麼設置打印呢，接下來一起來看看吧。

一、 首先我們要做的，就是在Echarts圖標上方定義一個img

1 <!--startprint-->
2 <img src="" id="printImg" />
3 <!--endprint-->

二、然後第二步，我們要創建一個用來打印的按鈕。

1<buttonid="print"text="打印圖表"img="WEB-CORE/images/gif/Export.gif"action="PrintImage()"/>

三、接下來，我們只需要定義打印函數就可以了，現在就把相關函數代碼放在下面，可以自取哦。

1functionPrintImage(){
2//把echarts圖片轉成64編碼的圖片
3varimg=newImage();
4varimgSrc=ataURL();
5//渲染到圖表上面展示
6$("#printImg")("src",imgSrc)();
7//這裏要使用延時加載，才不會在圖片還沒渲染出來的時候就調用打印的方法
8setTimeout(function(){
9//直接調用瀏覽器打印功能
10bdhtml=rHTML;
11//定義打印區域起始字符，根據這個截取網頁局部內容
12sprnstr="<!--startprint-->";//打印區域開始的標記
13eprnstr="<!--endprint-->";//打印區域結束的標記
14prnhtml=tr(xOf(sprnstr)+17);
15prnhtml=tring(0,xOf(eprnstr));
16//還原網頁內容
rHTML=prnhtml;
18//開始打印
t();
20},1000);
21
22}