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 JavaScript, das intern oder extern innerhalb einer Webseite referenziert wird, 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.
Die setRenderDelay konfiguriert IronPDF so, dass das Interpretieren des JavaScript einer Webseite um eine festgelegte Zeitdauer (in Millisekunden) hinausgezögert wird, nachdem das DOM geladen wurde. 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.
Verweisen Sie auf das JavaScript Charts to PDF Code Example für weitere Details zu zusätzlichen Methoden, die in der ChromePdfRenderOptions-Klasse verfügbar sind.
PDF mit Diagrammen in Java generieren
1. Java-Bibliothek zur Generierung von PDF-Diagrammen installieren
2. Geben Sie setEnableJavaScript die Bochungs wahr über, um JavaScript zu aktivieren.
3. Erhöhen Sie die Rendering-Verzögerung, damit das JavaScript die Diagramme vollständig erstellen kann
4. Verwenden Sie die Option CssMediaType.PRINT, um ein pixelgenaues PDF zu erhalten.
5. PDF mit der Methode renderHtmlAsPdf erzeugen