Resize issue while gridster.js with highcharts

Question

Highcharts inside the gridster widgets not resize automatically when I resize the gridster widgets. When I resize the window, highchart are resized based on the grid sizes.

Answer 1

In my case chart.reflow() wasn't good. You can use chart.setSize(width, height)

I have event on resize.stop callback and listener in function responsible for drawing charts which contains:

var height = $('#HighartsContainer').closest("li").height() - 50; //50: margin, padding, etc
var width = $('#HighartsContainer').closest("li").width() - 10;

you can also set new height or weight of container:

$('#HighartsContainer').css('height', height);

self.chart.setSize(width, height, false);