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();
}

mvn install

<dependency>
    <groupId>com.ironsoftware</groupId>
    <artifactId>ironpdf</artifactId>
    <version>2026.6.1</version>
</dependency>

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 au sein d'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 retarder son interprétation de JavaScript d'une page web pendant un temps spécifié (en millisecondes) après avoir chargé son DOM. Cette méthode est utile pour s'assurer que le convertisseur HTML-PDF d'IronPDF capture le contenu qui apparaît sur une page web quelques secondes après que le navigateur a fini de la charger initialement. Ceci est particulièrement pertinent pour le code JavaScript asynchrone qui prend beaucoup de temps à s'exécuter.

Veuillez consulter l' exemple de code JavaScript Charts to 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 délai/type de média.
Rendez du HTML (chaîne en ligne, fichier ou URL) en utilisant PdfDocument.renderHtmlAsPdf(...).
Économisez le résultat avec saveAs(...).

Apprendre à activer JavaScript pour le rendu des PDF

Voir sur GitHub