Chart Resizing

[Rav]

Can someone please help, we want to resize our KendoUI stock chart based on window resize (i.e. make it responsive). How can we redraw the stock chart when user changes to mobile device or resizes their browser window?

[Iliana Dyankova]

Hi Rav,

In order to achieve the expected result you could use Chart refresh() method. For example:

$(window).resize(function(){
    $("#stock-chart").data("kendoStockChart").refresh();
});

Regards,
Iliana Nikolova
Telerik

[Andrey]

Hi Iliana.
This code example is not compatible with stock chart.
And kendo.resize() from latest release also not compatible. How we can make stock chart responsive?

[Rav]

$(window).resize(function(){
    $("#stock-chart").data("kendoStockChart").refresh();
});
is not helping to resize stock chart. Also method that introduced in this article http://www.kendoui.com/blogs/teamblog/posts/13-11-20/new-in-kendo-ui-q3-201… is not working.


$(window).on("resize", function() {
        kendo.resize($("#stock-chart"));
});

You can find example here:
https://dl.dropboxusercontent.com/u/204009/kendoStockChartResize.zip

[T. Tsonev]

Hello,

An issue in the stock chart was preventing the resize method from working. This is now fixed and should be fully functional in the next internal build (v. 2013.3.1126 and later).
It should be available for download within a day or two.

Apologies for the caused inconvenience.

Regards,
T. Tsonev
Telerik

[Rav]

This version better, but still not working fine. Now resize of navigator broken. You can see it on video: http://screencast.com/t/pQHsSkAc

[Iliana Dyankova]

Hi Rav,

Thank you for pointed our attention to this issue - I forwarded it to the developers for further investigation and we will do our best to address it as soon as possible. Please excuse us for the inconvenience caused. 

Regards,
Iliana Nikolova
Telerik