score:2

two way of adding series to your chart:

  1. create the whole chart when ajax call ends successfully (thus creating series prior to invoke new highcharts.chart), see code below
  2. programmatically adding points to the (already) rendered chart

example 1 (didn't try this, i'm just remembering the chart struncture):

// create the options object without calling new highcharts.chart
var options = { chart: { renderto: 'container' } };

$.get('newchart.aspx', function(data) {
   var fulldata = document.getelementbyid("myhiddenfield").value;
   var lines = fulldata.split('$');

   var series = []; // array of series to be filled

   // then loop each line and create one series for each line
   $.each(lines, function(lineno, line) {
      // extract name and x/y values (e.g. [[x1, y1], [x2, y2]] from current line
      var name, values; 
      var current = { name : name, data : values };
      series.push(current); // push current series
   });

   // inizialize the chart
   options.series = series;
   var chart = new highcharts.chart(options);
});

example 2: take a look here. basically create a new instance of the chart and then call addseries() inside success function.


Related Query

More Query from same tag