Highcharts - init with different vertical/horizontal config based on browser width, also after resize

Question

Our responsive web app needs to adjust charts to be rendered with vertical configuration when windows size is, or is resized as, narrow. With wider screen sizes the charts are rendered with horizontal configuration.

What would a best way to achieve this?

One way would be to first load the chart with config conditionally based on $(window).width() value. Then define redraw function and reinit chart with different config if window width has changed past break point.

Answer 1

This is possible since Highcharts 5.0. responsive features.