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
하이차츠

ChromePdfRenderOptions 객체의 setEnableJavaScript 메서드는 웹 페이지 내부 또는 외부에서 참조된 JavaScript의 처리를 가능하게 합니다. 웹페이지에 차트와 그래픽을 렌더링하는 데 필요한 JavaScript IronPDF 처리할 수 있도록 하려면 이 속성을 true로 설정해야 합니다.

setRenderDelay은 IronPDF가 웹 페이지의 DOM을 로드한 후 지정된 시간(밀리초) 동안 JavaScript 해석을 연기하도록 설정합니다. 이 방법은 IronPDF의 HTML-to-PDF 변환기가 브라우저가 웹 페이지를 처음 로드한 후 몇 초 만에 나타나는 콘텐츠를 캡처할 수 있도록 하는 데 유용합니다. 이는 특히 완료하는 데 시간이 오래 걸리는 비동기 JavaScript 코드에 중요합니다.

추가 방법에 대한 자세한 내용은 JavaScript Charts to PDF Code Example를 참조하세요.