I am encountering an issue while loading a kendo chart inside grid-stack.js where I am unable to resize the height properly. Whenever I decrease the height, a vertical scroll appears which should not happen. I have tried setting the height to auto and refreshing the chart after resizing, but the problem persists.
To address this issue, I added the following code:
$('body').delegate(".grid-stack-item", "resizestop", function (event, ui) {
$('.' + $(this).find('.panel')
.attr('data-chart-id'))
.data("kendoChart")
.refresh();
$("." + $(this).find('.panel')
.attr('data-chart-id'))
.css({ 'height': ($(this)
.height() - 40) + 'px !important' })
.data("kendoChart")
.resize();
});