Workaround example for highmaps media query issue

gistfile1.js

// Workaround for https://github.com/highslide-software/highcharts.com/issues/3385
// Uses default bootstrap media query sizes.
// display_heatmap is a function that displays the heatmap once the map data has been downloaded.
// Requires enquire.js (http://wicky.nillia.ms/enquire.js/)

// Download map data and save the jqXHR promise.
var states_promise = jQuery.getJSON('http://blog.statricks.com/media/system/maps/US.min.json', {});

// Use enquire to re-render the heatmap if we change browser width

enquire.register("(max-width: 767px)", {
    match: function(){
        states_promise.done(display_heatmap);
    }
});
enquire.register("(min-width: 768px) and (max-width: 991px)", {
    match: function(){
        states_promise.done(display_heatmap);
    }
});
enquire.register("(min-width: 992px) and (max-width: 1199px)", {
    match: function(){
        states_promise.done(display_heatmap);
    }
});
enquire.register("(min-width: 1200px)", {
    match: function(){
        states_promise.done(display_heatmap);
    }
});