Rendu de graphiques et diagrammes en PDF

import com.ironsoftware.ironpdf.PdfDocument;
import com.ironsoftware.ironpdf.render.ChromePdfRenderOptions;
import com.ironsoftware.ironpdf.render.CssMediaType;
import java.io.IOException;
import java.nio.file.Paths;

String htmlWithJs = "var htmlWithJs = @\"<!DOCTYPE html>\n" +
        " <html>\n" +
        " <head>\n" +
        " <meta charset='utf-8' />\n" +
        " <title>C3 Bar Chart</title>\n" +
        " </head>\n" +
        " <body>\n" +
        " <div id='chart' style='width: 950px;'></div>\n" +
        " <script src='https://d3js.org/d3.v4.js'></script>\n" +
        " <!-- Load c3.css -->\n" +
        " <link href='https://cdnjs.cloudflare.com/ajax/libs/c3/0.5.4/c3.css' rel='stylesheet'>\n" +
        " <!-- Load d3.js and c3.js -->\n" +
        " <script src='https://cdnjs.cloudflare.com/ajax/libs/c3/0.5.4/c3.js'></script>\n" +
        " <script>\n" +
        " Function.prototype.bind = Function.prototype.bind || function (thisp) {\n" +
        " var fn = this;\n" +
        " return function() {\n" +
        " return fn.apply(thisp, arguments);\n" +
        " };\n" +
        " };\n" +
        " var chart = c3.generate({\n" +
        " bindto: '#chart',\n" +
        " data: {\n" +
        " columns: [\n" +
        " ['data1', 30, 200, 100, 400, 150, 250],\n" +
        " ['data2', 50, 20, 10, 40, 15, 25]\n" +
        " ]\n" +
        " }\n" +
        " });\n" +
        " </script>\n" +
        " </body>\n" +
        " </html>\"";

ChromePdfRenderOptions renderingOptions = new ChromePdfRenderOptions();
renderingOptions.setEnableJavaScript(true);
renderingOptions.setWaitFor(new WaitFor(1000));
renderingOptions.setCssMediaType(CssMediaType.PRINT);

PdfDocument pdf = PdfDocument.renderHtmlAsPdf(htmlWithJs, renderingOptions);

// Save the PDF
try {
    pdf.saveAs(Paths.get("assets/js_chart.pdf"));
} catch(IOException exception) {
    exception.printStackTrace();
}

Rendu de graphiques et diagrammes en PDF

IronPDF peut rendre des pages web contenant des graphiques, des graphes et d'autres éléments construits avec des technologies JavaScript modernes.

IronPDF prend en charge WebGL, lui permettant de traiter les éléments construits avec un canevas web utilisant les capacités graphiques matérielles de la machine.

IronPDF prend en charge toutes les bibliothèques de graphiques tierces, y compris :

C3.js
D3.js
Highcharts

La méthode setEnableJavaScript sur l'objet ChromePdfRenderOptions permet au développeur d'activer le traitement de JavaScript référencé en interne ou en externe dans une page web. Cette propriété doit être définie sur true pour permettre à IronPDF de traiter le JavaScript nécessaire pour rendre les graphiques et les graphes sur une page web.

Le setRenderDelay configure IronPDF pour différer son interprétation du JavaScript d'une page web pendant un certain temps (en millisecondes) après le chargement de son DOM. Cette méthode est utile pour garantir que le convertisseur HTML en PDF d'IronPDF capture le contenu qui apparaît sur une page web quelques secondes après qu'un navigateur ait terminé de la charger initialement. Ceci est particulièrement pertinent pour le code JavaScript asynchrone qui prend beaucoup de temps à s'exécuter.

Consultez l'exemple de code Graphiques JavaScript vers PDF pour plus de détails sur les méthodes supplémentaires disponibles dans la classe ChromePdfRenderOptions.

Rendre des graphiques JavaScript en PDF

Ajoutez IronPDF à votre projet Maven :
Utilisez ChromePdfRenderOptions pour activer JavaScript et configurer le retard/type de média.
Rendre le HTML (chaîne en ligne, fichier ou URL) en utilisant PdfDocument.renderHtmlAsPdf(...).
Enregistrez le résultat avec saveAs(...).

Apprenez à activer JavaScript pour le rendu PDF