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

ExportImage

methods

Exports the chart as an image. The result can be saved using kendo.saveAs.

The export operation is asynchronous and returns a promise. The promise will be resolved with a PNG image encoded as a Data URI.

exportImage

Parameters:options.widthString

Parameters for the exported image.

options.heightString

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

Returns:Promise

A promise that will be resolved with a PNG image encoded as a Data URI.

<div id="chart"></div>
<script>
    $("#chart").kendoChart({
        transitions: false,
        series: [{
            type: "column",
            data: [1, 2, 3]
        }, {
            type: "line",
            data: [2, 1, 3]
        }, {
            type: "area",
            data: [3, 1, 2]
        }]
    });

    var chart = $("#chart").getKendoChart();
    chart.exportImage().done(function(data) {
        kendo.saveAs({
            dataURI: data,
            fileName: "chart.png"
        });
    });
</script>