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

ExportOptions

configuration

Configure the options for the export functionality

exportOptions

Object

<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: {
                fileName: 'report',
                pdf: {
                    paperSize: 'Letter'
                },
                image: {
                    width: 1900,
                    height: 1200
                }
            }
        });
</script>

exportOptions.fileName

String

Configure the name of the exported file.

<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: {
                fileName: 'report',
            }
        });
</script>

exportOptions.image

Object

Parameters for the exported Image.

options.width Number

The width of the exported image. Defaults to the scene width.

options.height Number

The height of the exported image. Defaults to the scene height.

options.cors String (default: "anonymous")

Specifies how cross-origin images should be requested.

Requesting images without CORS will "taint" the canvas. It will still be visible on the page, but all script access to it is disabled to prevent information disclosure.

<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: {
                image: {
                    width: 1900,
                    height: 1200
                }
            }
        });
</script>

exportOptions.pdf

Object

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>

ExportOptions

exportOptions

exportOptions.fileName

exportOptions.image

exportOptions.pdf

Related Members