title: when is a highchart completely loaded?
body: <p>I saw this code: <a href="http://jsfiddle.net/AVygG/" rel="noreferrer">http://jsfiddle.net/AVygG/</a></p>
  
  <p>I'm curious when is the point that the highchart gets loaded completely? I saw in highcharts documentation that <em>events: load:</em> should do the magic of being able to call the callback function when the highchart is completely loaded.</p>
  
  <p>If it were completely loaded, then could I assume that <em>var chart</em> should already have the values when the alert pops? Is that a good basis that the chart is already loaded?</p>
  
  <p>The reason I asked is that I'm working on another code that the highchart apparently doesn't get loaded completely in IE8. Looks like highcharts is potentially having a race condition on the loading of its elements.</p>
  
  <p>Thanks!</p>
  
  <pre><code>$(function () {
  // create the chart
  var chart = new Highcharts.Chart({
      chart: {
          renderTo: 'container',
          events: {
              load: function(event) {
                  alert ('Chart loaded');
              }
          }        
      },
      xAxis: {
      },
  
      series: [{
          animation: false,
          data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4]     
      }]
  });
  </code></pre>
  
  <p>});
  ​</p>