Alguem tem algum codigo javascript que exporte uma div com grafico para um arquivo .PDF?
-
até onde sei, e com minhas experiências anteriores nisso, só dá pra fazer isso com PHP!– Leandro RR28/03/2016 às 14:44
-
se souber como utilizar veja isso: pdfkit.org– Leandro RR28/03/2016 às 14:47
-
Vlw pela resposta @LeandroRuel, só uma duvida, esse pdfkit pode criar um pdf a partir de uma DIV? por que os exemplos que tem nesse site ele cria tudo na mão.– 20comer28/03/2016 às 16:31
-
opa @sergioBertolazo não testei apenas busquei alguma coisa para você dar uma olhada, tem que ler a documentação melhor, se não suprir sua necessidade, procure por "javascript pdf generator"– Leandro RR28/03/2016 às 18:48
-
é cara eu testei nao funfo msm.. @LeandroRuel , vlw pela ajuda ai cara vo ter que continuar a procura pra fazer isso funcionar– 20comer28/03/2016 às 20:46
1 Resposta
depois de um tempo pesquisando e quebrando a cabeça sobre essa questão, consegui criar um script usando Chart.js para criar um gráfico simples e então exportei esse gráfico para PDF usando o jsPDF.js, porém para ser possível passar o gráfico para o pdf, teria que antes disso transformá-lo em uma imagem em formato PNG, para realizar essa tarefa utilizei o plugin html2canvas. eis o fiddle com o script que usei: https://jsfiddle.net/tj9tsyc3/5/
html:
<canvas id="myChart" width="400" height="400"></canvas>
<button type="button">gerar pdf</button>
js:
$('button').on('click', function(){
html2canvas($('#myChart'), {
onrendered: function(canvas) {
var imgData = canvas.toDataURL('image/png');
var pdf = new jsPDF('p', 'mm');
pdf.addImage(imgData, 'PNG', 10, 10);
pdf.save('test.pdf');
}
});
});
-
1Valeu pela resposta @Leandro Ruel, funcionou perfeitamente pra mim, só que somente no Google Chrome, Firefox, IE 10 e 11, no IE 9 está dando erro, vou tentar achar um jeito de conseguir, valeu pela ajuda irmão!– 20comer1/04/2016 às 16:33
-