Look at the loading options in the API. Since the chart has to exist before you and use the options, I find it best to use in the following workflow:
Create a "blank" graph before loading data with a
redraw
event to hide the loading message and theload
event set to show the loading message:// blank graph $('#container').highcharts({ chart: { events: { redraw: function(){ this.hideLoading(); }, load: function(){ this.showLoading(); } } } });
Make your AJAX call to retrieve data and load into chart using
addSeries()
, the above events will show/hide the message.
Here's an example jsFiddle.