New to Kendo UI for jQuery? Start a free 30-day trial

ExportOptions.pdf

configuration

Parameters for the exported PDF file as kendo.drawing.PDFOptions.

<div id="chartwizard"></div>
<script>
$("#chartwizard").kendoChartWizard({
            dataSource: [
                [
                    { field: 'Product Name', value: 'Calzone' },
                    { field: 'Quantity', value: 1 },
                    { field: 'Price', value: 12.39 },
                    { field: 'Tax', value: 2.48 },
                    { field: 'Total', value: 14.87 }
                ],
            ],
            exportOptions: {
                pdf: {
                    paperSize: 'Letter'
                },
            }
        });
</script>

Specifies if the Print dialog should be opened immediately after loading the document.

Note: Some PDF Readers/Viewers will not allow opening the Print Preview by default, it might be necessary to configure the corresponding add-on or application.

Default: false

<div id="chart-wizard"></div>
<script>
$("#chart-wizard").kendoChartWizard({
    exportOptions: {
        pdf: {
            autoPrint: true
        }
    }
});
</script>

The creator of the PDF document.

Default: "Kendo UI PDF Generator"

<div id="chart-wizard"></div>
<script>
$("#chart-wizard").kendoChartWizard({
    exportOptions: {
        pdf: {
            creator: "My Application v1.0"
        }
    }
});
</script>

The date when the PDF document is created. Defaults to new Date().

<div id="chart-wizard"></div>
<script>
$("#chart-wizard").kendoChartWizard({
    exportOptions: {
        pdf: {
            date: new Date(2023, 11, 25)
        }
    }
});
</script>

The forced resolution (in dpi) of the images in the exported PDF document. By default, the images are exported at their full resolution.

<div id="chart-wizard"></div>
<script>
$("#chart-wizard").kendoChartWizard({
    exportOptions: {
        pdf: {
            imgDPI: 300
        }
    }
});
</script>

Specifies the quality of the images within the exported file, from 0 to 1.

Default: 0.92

<div id="chart-wizard"></div>
<script>
$("#chart-wizard").kendoChartWizard({
    exportOptions: {
        pdf: {
            jpegQuality: 0.8
        }
    }
});
</script>

If set to true all PNG images contained in the exported file will be kept in PNG format.

Default: false

<div id="chart-wizard"></div>
<script>
$("#chart-wizard").kendoChartWizard({
    exportOptions: {
        pdf: {
            keepPNG: true
        }
    }
});
</script>

Specifies the keywords of the exported PDF file.

Default: null

<div id="chart-wizard"></div>
<script>
$("#chart-wizard").kendoChartWizard({
    exportOptions: {
        pdf: {
            keywords: "chart, data visualization, report"
        }
    }
});
</script>

Set to true to reverse the paper dimensions if needed such that width is the larger edge.

Default: false

<div id="chart-wizard"></div>
<script>
$("#chart-wizard").kendoChartWizard({
    exportOptions: {
        pdf: {
            landscape: true,
            paperSize: "A4"
        }
    }
});
</script>

Specifies the margins of the page (numbers or strings with units). Supported units are "mm", "cm", "in" and "pt" (default).

<div id="chart-wizard"></div>
<script>
$("#chart-wizard").kendoChartWizard({
    exportOptions: {
        pdf: {
            margin: {
                top: "20mm",
                left: "20mm",
                bottom: "20mm",
                right: "20mm"
            }
        }
    }
});
</script>

Specifies the paper size of the PDF document. The default "auto" means paper size is determined by content.

The size of the content in pixels will match the size of the output in points (1 pixel = 1/72 inch).

Supported values:

  • A predefined size. The supported paper sizes are: A0-A10, B0-B10, C0-C10, Executive, Folio, Legal, Letter, Tabloid.
  • An array of two numbers specifying the width and height in points (1pt = 1/72in)
  • An array of two strings specifying the width and height in units. Supported units are "mm", "cm", "in" and "pt".

Default: "auto"

<div id="chartwizard"></div>
<script>
$("#chartwizard").kendoChartWizard({
            dataSource: [
                [
                    { field: 'Product Name', value: 'Calzone' },
                    { field: 'Quantity', value: 1 },
                    { field: 'Price', value: 12.39 },
                    { field: 'Tax', value: 2.48 },
                    { field: 'Total', value: 14.87 }
                ],
            ],
            exportOptions: {
                pdf: {
                    paperSize: 'Letter'
                },
            }
        });
</script>

Sets the subject of the PDF file.

Default: null

<div id="chart-wizard"></div>
<script>
$("#chart-wizard").kendoChartWizard({
    exportOptions: {
        pdf: {
            subject: "Sales Report Q4 2023"
        }
    }
});
</script>

Sets the title of the PDF file.

Default: null

<div id="chart-wizard"></div>
<script>
$("#chart-wizard").kendoChartWizard({
    exportOptions: {
        pdf: {
            title: "Annual Sales Chart Report"
        }
    }
});
</script>