PDF'lerde Grafik ve Grafikler Oluşturma


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'lerde Grafik ve Grafikler Oluşturma

IronPDF, modern JavaScript teknolojileriyle oluşturulmuş grafikler, grafikler ve diğer öğeleri içeren web sayfalarını render edebilir.

IronPDF, web tuval yapımı öğeleri makinenin donanım grafik yeteneklerini kullanarak işlemesine olanak tanıyan WebGL'i destekler.

IronPDF, üçüncü taraf tüm grafik kütüphanelerini destekler, örneğin:

C3.js
D3.js
Highcharts

setEnableJavaScript yöntemi, geliştiriciye bir web sayfasındaki iç veya dış referanslı JavaScript'in işlenmesini etkinleştirme imkanı verir. Web sayfasındaki grafik ve grafiklerin render edilmesi için gereken JavaScript'in işlenmesi için bu özelliğin true olarak ayarlanması gerekir.

setRenderDelay, IronPDF'yi bir web sayfasının JavaScript'ini DOM'u yüklendikten sonra belirli bir süre (milisaniye cinsinden) erteleyerek yorumlamaya ayarlar. Bu yöntem, IronPDF'nin HTML'den PDF'e dönüştürücüsünün bir tarayıcının başlangıçta yüklemeyi bitirdikten sonra görünen içeriği yakalamasını sağlamak açısından faydalıdır. Bu, özellikle tamamlanması uzun süren asenkron JavaScript kodu için geçerlidir.

Ek yöntemler hakkında daha fazla bilgi için ChromePdfRenderOptions sınıfında mevcut olan JavaScript Grafiklerini PDF'ye Dönüştürme Kod Örneği'ne bakın.

JavaScript Grafiklerini PDF Olarak Render Et

IronPDF'yi Maven projenize ekleyin:
JavaScript'i etkinleştirmek ve gecikme/medya tipini yapılandırmak için ChromePdfRenderOptions kullanın.
HTML'yi (satır içi dize, dosya veya URL) PdfDocument.renderHtmlAsPdf(...) kullanarak işleyin.
Çıktıyı saveAs(...) ile kaydedin.

PDF Renderlemesi için JavaScript'i Etkinleştirmeyi Öğrenin

GitHub'da Görüntüle