resize

Readjusts the layout of the widget. For more information, refer to the article on responsive web design.

Example

<div id="chart" style="height: 300px;"></div>
<script>
$("#chart").kendoChart({
    title: {
        text: "Sample Chart"
    },
    series: [{
        type: "column",
        data: [10, 20, 30, 40]
    }]
});

var widget = $("#chart").data("kendoChart");

// Resize the chart when container size changes
$(window).resize(function() {
    widget.resize();
});

// Force resize after changing container size
$("#chart").width(800);
widget.resize();
</script>
In this article
resize
Not finding the help you need?
Contact Support