[英]Export graph to pdf use jquery flot
我在導出更多使用jquery flot
到pdf
圖形時遇到問題
我使用html2canvas.js
和jspdf-min.js
將graphs
導出到pdf
,但是我有兩個問題:
首先 ,它很難導出到pdf
。
其次 ,我想在一頁內導出兩個圖形,但是將其導出到兩頁。
這是我的代碼:
var _canvas = null;
$(function() {
$("#id_generate_pdf").on("click", function (e) {
window.allcanvas = [];
var allcontainers = $('[id^="flot-placeholder"]');
allcontainers.each(function (index, elem) {
html2canvas($(elem).get(0), {
onrendered: function (canvas) {
window.allcanvas.push(canvas);
if(allcontainers.length == allcanvas.length){
finalpdf();
}
}
});
});
});
finalpdf = function(){
var doc = new jsPDF('landscape');
for(var i = 0; i< allcanvas.length; i++){
var imgData = allcanvas[i].toDataURL('image/jpeg');
doc.addImage(imgData, 'JPEG', 10, 10, 280, 65);
if(i != allcanvas.length-1) {
doc.addPage();
}
}
doc.save('testingPDF.pdf');
};
});
這是我的演示: 我的演示代碼
希望每個人都能支持我。 非常感謝你。
更新 :
我要導出pdf
,此pdf
包含與我附加的image
相同的文本。
我不知道該怎么做。 請給我一些想法或建議。 非常感謝你。
doc.addPage();
的調用doc.addPage();
doc.addImage()
參數中的寬度和高度更改為與圖表相同的比率。 看到這個更新的小提琴: http : //jsfiddle.net/g2CTz/515/
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.