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

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 nesnesindeki ChromePdfRenderOptions yöntemi, geliştiricinin bir web sayfası içinde dahili veya harici olarak referans verilen JavaScript'in işlenmesini etkinleştirmesini sağlar. 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 DOM'unu yükledikten sonra, sayfanın JavaScript'ini belirli bir süre (milisaniye cinsinden) ertelemeye 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.

ChromePdfRenderOptions sınıfında bulunan ek yöntemler hakkında daha fazla bilgi için JavaScript Charts to PDF Kod Örneğine bakın.

JavaScript Grafiklerini PDF Olarak Render Et

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

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