<script language="javascript" src="jquery-1.4.4.min.js"></script> <script language="javascript" src="jquery.jqprint-0.3.js"></script> 当然，如果你的jq是2.0版本以上的会报一个错误：
Cannot read property 'opera' of undefined 所以这时候你需要再引一个js文件解决一下这个错误：
<script src="http://www.jq22.com/jquery/jquery-migrate-1.2.1.min.js"></script> <div id="jqprint">中间就是你需要打印的内容</div> 然后你需要定义函数：
function jqprint() { $("#jqprint").jqprint(); } 最后就是调用下这个函数了：
<button onclick="jqprint()"></button > <div id=“Echarts”>>这里是你的图表</div> <img id="EchartsImg" >这里是转换后的图片 var Echarts= echarts.init(document.getElementById('Echarts')); var EchartsOption = {} Echarts.setOption(EchartsOption ); 转换图片的代码：
var EchartsImg= document.getElementById('EchartsImg'); setTimeout(function(){ EchartsImg.src = Echarts.getDataURL({ pixelRatio: 2, }); },1000) 这样就可以将Echarts图表转换成图片了，不过页面存在个img也不是事，所以你需要将img先隐藏掉：
#EchartsImg{ display:none } function jqprint() { setTimeout(function() { $(".EchartsImg").show(); $(".Echarts").hide(); $("#jqprint").jqprint(); }, 1000) setTimeout(function() { $(".EchartsImg").hide(); $(".Echarts").show(); },2000) } 这里写了个延迟，因为有时候图表加载过慢就导致打印残缺，所以上边的一些地方我都加了个延迟，这个可以根据项目而定，如果不加也没问题，也可以选择不加。
好了，上边配置也差不多了，但是你打印以后发现竟然只能打印一页，你说气不气，贼气，最后我也是找了好多方法，最终还是被我试到了，那就是需要自定义一下打印的样式如下：
@media print {
html,
body {
height: inherit;
background: #000929;//自定义背景颜色
}
#jqprint{
height: inherit;
}
}
jqprint({ debug: false, //如果是true则可以显示iframe查看效果（iframe默认高和宽都很小，可以再源码中调大），默认是false importCSS: true, //true表示引进原来的页面的css，默认是true。（如果是true，先会找$("link[media=print]")，若没有会去找 $("link")中的css文件） printContainer: true, //表示如果原来选择的对象必须被纳入打印（注意：设置为false可能会打破你的CSS规则）。 operaSupport: true//表示如果插件也必须支持歌opera浏览器，在这种情况下，它提供了建立一个临时的打印选项卡。默认是true }) 版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请联系我们举报，一经查实，本站将立刻删除。
发布者：全栈程序员-站长，转载请注明出处：https://javaforall.net/230352.html原文链接：https://javaforall.net
![python产生随机数-详解用python生成随机数的几种方法[通俗易懂]](https://javaforall.net/wp-content/uploads/2020/11/2020110817443450-480x300.jpg)
