Chart Resizing Issue

[Jon]

Hi,

I have kendo ui tab control where each tab has a chart and a grid in it.  The grids are appropriately resizing with the window, however the first displayed chart is filling the display width, but not resizing, while the rest of the charts are in some default size and are not resizing with the window appropriately.

Has anyone encountered this issue, and do they have any advice or suggestions?

Thanks in advance,

Jon

[Hristo Germanov]

Hi,

Thank you for contacting us.

The svg is not a block element, thus you need to call refresh() method of the chart which sets width and height to the chart. You can try to hook up to the onresize event of the chart's parent div element where you can call the refresh() method.

$("#chartID").data("kendoChart").refresh()

Regards,
Hristo Germanov
the Telerik team