Echarts 导出为PDF格式 jquery
正确的代码为:const pdf = new window.jspdf.jsPDF({错误的代码为:const pdf = new jsPDF({②引用jsPDF.js和html2canvas.js。①Echart div,导出的也是这个部分。导出为pdf格式的时候,无法下载。错误的代码无法呼起下载功能。
·
导出为pdf格式的时候,无法下载
①Echart div,导出的也是这个部分
<div id="chart" style="width: 100%;height:90%;"></div>
②引用jsPDF.js和html2canvas.js
<script src="/js/echarts-5.4.2/echarts.js" type="text/javascript"></script>
<script src="/js/jsPDF-2.5.1/jspdf.umd.min.js"></script>
<script src="/js/html2canvas/html2canvas.min.js"></script>
③导出pdf
form.on('submit(data-export-btn)', function (data) {
html2canvas(document.getElementById('property_chart')).then(canvas => {
const imgData = canvas.toDataURL('image/png');
const pdf = new window.jspdf.jsPDF({
orientation: 'l',
unit: 'px',
format: [canvas.width, canvas.height]
});
pdf.addImage(imgData, 'PNG', 0, 0, canvas.width, canvas.height);
pdf.save(equipment+'温度历史('+start_dayTime+"至"+end_dayTime+")"+'.pdf');
});
return false;
});
注意:
错误的代码为:const pdf = new jsPDF({
正确的代码为:const pdf = new window.jspdf.jsPDF({
错误的代码无法呼起下载功能

魔乐社区(Modelers.cn) 是一个中立、公益的人工智能社区,提供人工智能工具、模型、数据的托管、展示与应用协同服务,为人工智能开发及爱好者搭建开放的学习交流平台。社区通过理事会方式运作,由全产业链共同建设、共同运营、共同享有,推动国产AI生态繁荣发展。
更多推荐
所有评论(0)