ECharts怎么打印数据

echarts是一个第三方的图图表控件，可以按照你的数据制作出很多不同类型的图表，更直观的感受到数据变化，有些用户需要把图标打印下来，那么该怎么设置打印呢，接下来一起来看看吧。

一、 首先我们要做的，就是在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}