\\n\" +\n \" \\n\" +\n \" \\n\" +\n \" \\n\" +\n \" \\n\" +\n \" \\n\" +\n \" \\n\" +\n \" \\\"\";\n\nChromePdfRenderOptions renderingOptions = new ChromePdfRenderOptions();\nrenderingOptions.setEnableJavaScript(true);\nrenderingOptions.setWaitFor(new WaitFor(1000));\nrenderingOptions.setCssMediaType(CssMediaType.PRINT);\n\nPdfDocument pdf = PdfDocument.renderHtmlAsPdf(htmlWithJs, renderingOptions);\n\n// Save the PDF\ntry {\n pdf.saveAs(Paths.get(\"assets/js_chart.pdf\"));\n} catch(IOException exception) {\n exception.printStackTrace();\n}","about":{"@id":"https://ironpdf.com/zh-hant/java/examples/js-charts-to-pdf/#product"},"targetProduct":{"@id":"https://ironpdf.com/zh-hant/java/examples/js-charts-to-pdf/#product"},"keywords":"在 PDF 中渲染圖表和圖形,Java PDF 圖表生成,IronPDF Java範例,在 Java 中將 JavaScript 圖表轉換為 PDF,Java HTML 轉換為帶有圖表的 PDF,JavaScript 圖表程式庫 PDF 轉換","datePublished":"2023-08-23","dateModified":"2026-04-22"}]}
Rendering Charts and Graphs 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();
}
mvn install
Rendering Charts and Graphs in PDFs

Rendering Charts and Graphs in PDFs

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

IronPDF支持WebGL,允許其使用機器的硬體圖形能力來處理基於網路畫布構建的元素。

IronPDF支持所有第三方圖表庫,包括:

  • C3.js
  • D3.js
  • Highcharts

ChromePdfRenderOptions物件上使開發者能啟用內部或外部引用的JavaScript的處理。 此屬性必須設置為true,以允許IronPDF處理網頁上渲染圖表和圖形所需的JavaScript。

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

有關ChromePdfRenderOptions類中可用的其他方法的更多詳細資訊,請參考JavaScript圖表到PDF程式碼範例。


將JavaScript圖表渲染到PDF

  1. 將IronPDF新增到您的Maven專案:
  2. 使用ChromePdfRenderOptions啟用JavaScript並配置延遲/媒體型別。
  3. 使用PdfDocument.renderHtmlAsPdf(...)渲染HTML(內聯字串、文件或URL)。
  4. 使用saveAs(...)保存輸出。
學習為PDF渲染啟用JavaScript
在 GitHub 查看

準備好開始了嗎?

版本:2026.10剛剛發布