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

ExportImage

methods

Exports the Sankey 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 Sankey width.

Returns:Promise

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

<div id="sankey" style="width: 500px; height: 200px;"></div>
<script>
    $("#sankey").kendoSankey({
        data: {
            nodes: [
                { id: 1, label: { text: "Node 1" } },
                { id: 2, label: { text: "Node 2" } },
                { id: 3, label: { text: "Node 3" } }
            ],
            links: [
                { sourceId: 1, targetId: 3, value: 2 },
                { sourceId: 2, targetId: 3, value: 1 }
            ]
        }
    });

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