Skip to content

Latest commit

 

History

History
77 lines (68 loc) · 2.94 KB

export.md

File metadata and controls

77 lines (68 loc) · 2.94 KB
title page_title description slug position
Export Options
Telerik UI Chart Wizard Documentation - Export Options
Learn more about the built-in export options of the Telerik UI for {{ site.framework }} Chart Wizard component.
htmlhelpers_export_chartwizard
3

Export Options

By default, the generated chart in the Chart Wizard can be exported to PDF, SVG, or PNG formats.

For greater control over the exported file, configure the respective Pdf() and Image() export settings within the ExportOptions() configuration of the component. For example, you can specify the desired paper margins and size, title, image dimensions, and more.

The following example demonstrates how to customize the default export options of the Chart Wizard.

    <div class="container">
        @(Html.Kendo().ChartWizard<Product>()
            .Name("chartwizard")
            .ExportOptions(export =>
            {
                export.Filename("Month_Report");
                export.Pdf(pdf => pdf.PaperSize("A4").Title("Month Report").Landscape(true));
                export.Image(image => image.Width(1900).Height(1200));
            })
            .DataSource(dataSource => dataSource
                .Read(read => read.Action("Read", "ChartWizard"))
            )
            .DataColumns(columns =>
            {
                columns.Add().Field(f => f.ProductName).Title("Product Name");
                columns.Add().Field(f => f.Quantity);
            })
        )
    </div>

{% if site.core %}

    @addTagHelper *, Kendo.Mvcl

    <div class="container">
        <kendo-chartwizard name="chartwizard">
            <export-options filename="Month_Report">
                <pdf paper-size="A4" title="Month Report" landscape="true"/>
                <image width="1900" height="1200"/>
            </export-options>
            <datasource type="DataSourceTagHelperType.Ajax">
                <schema data="Data" total="Total" errors="Errors">
                    <model>
                        <fields>
                            <field name="ProductName" type="string"></field>
                            <field name="Quantity" type="number"></field>
                        </fields>
                    </model>
                </schema>
                <transport>
                    <read url="@Url.Action("Read", "ChartWizard")"/>
                </transport>
            </datasource>
            <data-columns>
                <data-column field="ProductName" title="Product Name"/>
                <data-column field="Quantity" />
            </data-columns>
        </kendo-chartwizard>
    </div>

{% endif %}

See Also