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

在 PDF 中渲染圖表和圖形

IronPDF 可以呈現包含現代 JavaScript 技術構建的圖表、圖形和其他元素的網頁。

IronPDF 支援 WebGL，允許其使用機器的硬體圖形能力處理通過網頁畫布構建的元素。

IronPDF 支援所有第三方圖表庫，包括：

C3.js
D3.js
Highcharts

ChromePdfRenderOptions 對象上的 setEnableJavaScript 方法使得開發人員可以啟用在網頁內部或外部引用 JavaScript 的處理。必須將此屬性設置為 true 才能使 IronPDF 處理 JavaScript，這是渲染網頁上的圖表和圖形所需的。

setRenderDelay 配置 IronPDF 在加載其 DOM 後延遲指定的時間（以毫秒為單位）再解析網頁的 JavaScript。此方法有助於確保 IronPDF 的 HTML 到 PDF 轉換器捕獲到在瀏覽器最初加載後幾秒鐘內出現的網頁內容。這對於需要較長時間才能完成的異步 JavaScript 代碼特別相關。

請參閱 JavaScript 圖表到 PDF 代碼示例以獲取關於 ChromePdfRenderOptions 類上的附加方法的更多詳細信息。