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

mvn install

<dependency>
    <groupId>com.ironsoftware</groupId>
    <artifactId>ironpdf</artifactId>
    <version>2026.6.1</version>
</dependency>

在PDF中渲染图表和图形

IronPDF 可以渲染包含图表、图形和其他使用现代 JavaScript 技术构建的元素的网页。

IronPDF 支持 WebGL，允许它使用机器的硬件图形功能来处理通过网页画布构建的元素。

IronPDF 支持所有第三方图表库，包括：

C3.js
D3.js
Highcharts

ChromePdfRenderOptions对象上启用开发者启用在网页内部或外部引用的JavaScript处理。必须将此属性设置为 true 以允许 IronPDF 处理需要来渲染网页图表和图形的 JavaScript。

setRenderDelay配置IronPDF推迟其对网页JavaScript的解释，以指定的时间量（以毫秒为单位）在加载其DOM之后。这种方法有助于确保 IronPDF 的 HTML 到 PDF 转换器捕捉到浏览器完成初始加载后几秒钟出现在网页上的内容。这对于需要很长时间才能完成的异步 JavaScript 代码尤其重要。

有关ChromePdfRenderOptions类其他可用方法的更多详细信息，请参阅JavaScript图表到PDF代码示例。