echarts是一个第三方的图图表控件，可以按照你的数据制作出很多不同类型的图表，更直观的感受到数据变化，有些用户需要把图标打印下来，那么该怎么设置打印呢，接下来一起来看看吧 。
ECharts怎么打印数据一、 首先我们要做的，就是在Echarts图标上方定义一个img
1
2
3
【ECharts怎么打印数据】二、然后第二步，我们要创建一个用来打印的按钮 。
1
三、接下来，我们只需要定义打印函数就可以了，现在就把相关函数代码放在下面，可以自取哦 。
1 function PrintImage() {
2 // 把echarts图片转成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 //这里要使用延时加载，才不会在图片还没渲染出来的时候就调用打印的方法
8 setTimeout(function() {
9 //直接调用浏览器打印功能
10 bdhtml = window.document.body.innerHTML;
11 //定义打印区域起始字符，根据这个截取网页局部内容
12 sprnstr = ""; //打印区域开始的标记
13 eprnstr = ""; //打印区域结束的标记
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 }
相关阅读：怎么在pycharm中运行
推荐阅读
- 小天才手表怎么查看通话记录
- AU怎么导入CD中的音频
- 凤仙花染指甲染到手指上怎么去掉
- 得物怎么申请退换货
- todesk怎么控制手机
- 3dmax中材质丢了怎么办
- qq音乐手机号码怎么登录
- python怎么安装搭建环境 python安装搭建环境方法介绍
- 华为云怎么充值
- 华为手表新款watch3怎么独立通话