Grafikleri PDF'lerde Oluşturma

from ironpdf import *

htmlWithJs = """
<!DOCTYPE html>
<html>
    <head>
        <meta charset='utf-8' />
        <title>C3 Bar Chart</title>
    </head>
    <body>
        <div id='chart' style='width: 950px;'></div>
        <script src='https://d3js.org/d3.v4.js'></script>
        <!-- Load c3.css -->
        <link href='https://cdnjs.cloudflare.com/ajax/libs/c3/0.5.4/c3.css' rel='stylesheet'>
        <!-- Load d3.js and c3.js -->
        <script src='https://cdnjs.cloudflare.com/ajax/libs/c3/0.5.4/c3.js'></script>
        <script>
            Function.prototype.bind = Function.prototype.bind || function (thisp) {
                var fn = this;
                return function() {
                    return fn.apply(thisp, arguments);
                };
            };
            var chart = c3.generate({
            bindto: '#chart',
            data: {
                columns: [
                    ['data1', 30, 200, 100, 400, 150, 250],
                    ['data2', 50, 20, 10, 40, 15, 25]
                ]
            }
            });
        </script>
    </body>
</html>
"""

# Instantiate Renderer
renderer = ChromePdfRenderer()

# Enable JavaScript in our RenderingOptions
renderer.RenderingOptions.EnableJavaScript = True
renderer.RenderingOptions.WaitFor.RenderDelay(1000)
renderer.RenderingOptions.CssMediaType = PdfCssMediaType.Print

pdf = renderer.RenderHtmlAsPdf(htmlWithJs)

# Export to a file or Stream
pdf.SaveAs("js-chart.pdf")

Grafikleri PDF'lerde Oluşturma

IronPDF for Python, D3.js ve C3.js gibi etkileşimli JavaScript grafik kütüphanelerini doğrudan PDF'e dönüştürebilir ve ilave bir görsel dönüşüm adımına gerek kalmadan yüksek kaliteli grafik görüntüleri üretebilir.

Başlarken

Gerekli CDN script etiketlerini içeren kendi kendine yeterli bir HTML dizisi içinde grafiğinizi oluşturun. PDF oluşturulmadan önce grafik kütüphanesinin çizimi tamamladığından emin olmak için EnableJavaScript = True ayarlayın ve cömert bir WaitFor.RenderDelay ekleyin. Baskıya özel stilleri uygulamak için CssMediaType seçeneğini isteğe bağlı olarak Print olarak ayarlayın.

Kodu Anlama

EnableJavaScript: Grafiği oluşturan D3 ve C3 scriptlerini çalıştırmak için gereklidir.
WaitFor.RenderDelay(1000): Sayfa yüklendikten sonra 1000 milisaniye bekler. Grafik kütüphaneleri asenkron olarak çizim yaptıkları için, basit DOM manipülasyonuna kıyasla daha uzun bir gecikme gereklidir.
CssMediaType = PdfCssMediaType.Print: Etkileşimli kontrolleri kaldıran ve genellikle PDF'de daha temiz bir grafik düzeni üreten CSS kurallarını etkinleştirir.
RenderHtmlAsPdf(htmlWithJs): HTML'in tamamını — render edilmiş grafiği de dahil — bir PDF belgesi olarak işler.

Desteklenen Grafik Kütüphaneleri

IronPDF, Chrome renderleme motorunu kullandığı için, tarayıcıda çalışan herhangi bir JavaScript grafik kütüphanesi de PDF'e doğru bir şekilde dönüştürülecektir. Bu, Chart.js, Highcharts, ApexCharts, ECharts ve diğerlerini içerir.

IronPDF for Python ile HTML'yi PDF'ye dönüştürmeyi öğrenin!