Renderowanie wykresów i grafik w 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();
}

Renderowanie wykresów i grafik w PDF

IronPDF może renderować strony internetowe zawierające wykresy, diagramy i inne elementy zbudowane przy użyciu nowoczesnych technologii JavaScript.

IronPDF obsługuje WebGL, co pozwala mu przetwarzać elementy zbudowane na kanwie internetowej przy użyciu możliwości graficznych sprzętu komputera.

IronPDF obsługuje wszystkie biblioteki wykresów innych producentów, w tym:

C3.js
D3.js
Highcharts

Metoda setEnableJavaScript na obiekcie ChromePdfRenderOptions umożliwia programiście włączenie przetwarzania JavaScript odwołującego się wewnętrznie lub zewnętrznie w obrębie strony internetowej. Ta właściwość musi być ustawiona na true, aby umożliwić IronPDF przetwarzanie kodu JavaScript niezbędnego do renderowania wykresów i grafiki na stronie internetowej.

setRenderDelay konfiguruje IronPDF do opóźnienia interpretacji JavaScript strony internetowej o określony czas (w milisekundach) po załadowaniu DOM. Ta metoda jest przydatna w zapewnieniu, że konwerter HTML na PDF firmy IronPDF przechwytuje treści, które pojawiają się na stronie internetowej kilka sekund po tym, jak przeglądarka zakończy jej wstępne ładowanie. Ma to szczególne znaczenie w przypadku asynchronicznego kodu JavaScript, którego wykonanie zajmuje dużo czasu.

Odwołaj się do JavaScript Charts to PDF Code Example aby uzyskać więcej szczegółów o dodatkowych metodach dostępnych w klasie ChromePdfRenderOptions.

Renderowanie wykresów JavaScript do formatu PDF

Dodaj IronPDF do swojego projektu Maven:
Użyj ChromePdfRenderOptions, aby włączyć JavaScript i skonfigurować opóźnienie/typ mediów.
Renderuj HTML (ciąg wewnętrzny, plik lub URL) używając PdfDocument.renderHtmlAsPdf(...).
Zapisz wyjście za pomocą saveAs(...).

Dowiedz się, jak włączyć obsługę JavaScript do renderowania plików PDF