Rendering Charts in PDFs

VB C#

using IronPdf;

const string 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]
                    ]
                }
                });
            // Set delay
            setTimeout(function() {
                window.ironpdf.notifyRender();
            }, 1000);
            </script>
        </body>
    </html>";

// Instantiate Renderer
var renderer = new ChromePdfRenderer();

// Enable JavaScript in our RenderingOptions
renderer.RenderingOptions.EnableJavaScript = true;
renderer.RenderingOptions.WaitFor.JavaScript();
renderer.RenderingOptions.CssMediaType = IronPdf.Rendering.PdfCssMediaType.Print;

var pdf = renderer.RenderHtmlAsPdf(htmlWithJs);

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

IRON VB CONVERTER ERROR developers@ironsoftware.com

Install-Package IronPdf

Rendering Charts in PDFs

Some documents, such as mathematical or statistical analysis documents, require graphs to be displayed. These sorts of documents can be rendered with IronPDF. IronPDF has full support for JavaScript in HTML to PDF rendering - including support for canvas and chart rendering.

IronPdf.ChromePdfRenderer feature takes canvas and chart rendering to another level by including support for 3D charts and polygons.

This example shows you how to render charts, canvases, and 3D objects in PDF.

Some supported charts include:

C3.js
D3.js
Highcharts

In addition to the aforementioned types, IronPDF Pixel-Perfect Chrome rendering with full JavaScript compatibility combines to make this a powerful feature for rendering charts and graph-intensive documents.

HTML to PDF output options for ChromePdfRenderer specifies options such as Paper-Size, DPI, Headers and Footers, and other Chromium-specific browser setup options.

Added support for WebGL makes this feature even more powerful as it allows for swift and easy rendering of 3D charts and 3D polygon documents.