Actualización automática de Highcharts con Ajax

Ojalá alguien me pueda ayudar aquí.

Estoy intentando actualizar un gráfico con información de ajax. Ya confirmé que el formato ajax es correcto, etc. y la carga inicial del gráfico funciona perfectamente pero no parece que se actualice correctamente.

Mi código:

$(document).ready(function() { var options = { chart: { renderTo: 'cpuhealth', type: 'column' }, title: { text: 'CPU Usage' }, yAxis: { labels: { formatter: function() { return this.value + ' %'; } }, title: { text: 'Usage (%)' } }, xAxis: { title: { text: 'CPU Core ID#' } }, tooltip: { formatter: function() { return 'CPU Core: ' + this.x + '
Usage ' + this.y + '%'; } }, legend: { enabled: false }, series: [{}] }; var chart; $.getJSON('http://url-to-json-file/index.php', function(jsondata) { options.series[0].data = JSON.parse(jsondata.cpu); chart = new Highcharts.Chart(options); }); window.setInterval(function(){ var chart = new Highcharts.Chart(options); $.getJSON('http://url-to-json-file/index.php', function(jsondata) { options.series[0].data = JSON.parse(jsondata.cpu); }); }, 5000); });

El JSON se está extrayendo, pero no actualiza el gráfico cada 5 segundos 🙁

Cualquier ayuda sería muy apreciada, soy un novato con JS.

Has probado,

  events: { load: function() { // set up the updating of the chart each second var series = this.series[0]; setInterval(function(){ var chart = new Highcharts.Chart(options); $.getJSON('http://url-to-json-file/index.php', function(jsondata) { options.series[0].data = JSON.parse(jsondata.cpu); }); }, 5000); } } 

Entonces sus datos de la gráfica serían,

 var options = { chart: { renderTo: 'cpuhealth', type: 'column' }, title: { text: 'CPU Usage' }, events: { load: function() { // set up the updating of the chart each second var series = this.series[0]; setInterval(function(){ var chart = new Highcharts.Chart(options); $.getJSON('http://url-to-json-file/index.php', function(jsondata) { options.series[0].data = JSON.parse(jsondata.cpu); }); }, 5000); } }, yAxis: { labels: { formatter: function() { return this.value + ' %'; } }, title: { text: 'Usage (%)' } }, xAxis: { title: { text: 'CPU Core ID#' } }, tooltip: { formatter: function() { return 'CPU Core: ' + this.x + '
Usage ' + this.y + '%'; } }, legend: { enabled: false }, series: [{}] };