在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

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

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

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