Timing with Internet Explorer 7/8 - Chart not shown

Question

I have one Highchart and some other functions in one script. It works fine in Firefox and IE > 8, but with IE 7/8 there is a timing problem, the chart is not shown at all.

My workaround is

setTimeout( function() {    
   .. my other functions
}, 5000 );  

but it is not a good practice and even not sure, if 5000 is enough in every case.

Is there a way to detect, when Highchart is ready and the script can go on with other functions?

Answer 1

You can listen for the chart load event ...

$(document).ready(function () {
    $("#container").highcharts({
        events: {
            load: function () { myOtherFunctions(); }
        }
    });
});