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