Rendering von Diagrammen und Grafiken in PDFs

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

Rendering von Diagrammen und Grafiken in PDFs

IronPDF kann Webseiten mit Diagrammen, Grafiken und anderen Elementen darstellen, die mit modernen JavaScript-Technologien erstellt wurden.

IronPDF unterstützt WebGL, so dass es Elemente aus dem Web-Canvas mit den Hardware-Grafikfähigkeiten des Rechners verarbeiten kann.

IronPDF unterstützt alle Diagrammbibliotheken von Drittanbietern, einschließlich:

C3.js
D3.js
Highcharts
Die Methode setEnableJavaScript des ChromePdfRenderOptions-Objekts ermöglicht es dem Entwickler, die Verarbeitung von intern oder extern referenziertem JavaScript innerhalb einer Webseite zu aktivieren. Diese Eigenschaft muss auf true gesetzt werden, damit IronPDF das JavaScript verarbeiten kann, das zum Rendern der Diagramme und Grafiken auf einer Webseite benötigt wird.
Mit setRenderDelay wird IronPDF so konfiguriert, dass es die Interpretation des JavaScript einer Webseite um eine bestimmte Zeit verzögert(in Millisekunden) nachdem sie ihr DOM geladen hat. Diese Methode ist nützlich, um sicherzustellen, dass der HTML-zu-PDF-Konverter von IronPDF Inhalte erfasst, die Sekunden nach Beendigung des Ladevorgangs durch den Browser auf einer Webseite erscheinen. Dies ist besonders wichtig für asynchronen JavaScript-Code, der viel Zeit in Anspruch nimmt.
Siehe dazu dieJavaScript-Diagramme in PDF-Code-Beispiel für weitere Einzelheiten über zusätzliche Methoden, die für die Klasse "ChromePdfRenderOptions" verfügbar sind.
PDF mit Diagrammen in Java generieren
1. Java-Bibliothek für die Erstellung von PDF-Diagrammen installieren
2. Übergeben Sie true an setEnableJavaScript methode zur Aktivierung von JavaScript
3. Erhöhen Sie die Rendering-Verzögerung, damit das JavaScript die Diagramme vollständig erstellen kann
4. Verwenden Sie CssMediaType.PRINT option für eine pixelgenaue PDF-Datei
5. PDF generieren mit renderHtmlAsPdf methode