¿Cómo obtiene Highcharts datos json del fondo y los muestra en la página?

Primero, agregue referencias a JQuery y Highcharts:

¿Código Js? ¿Código de colección

& ltScript? tipo='texto/javascript '? src = 'js/jquery-1.3.2.js'></script>?

& ltScript? tipo='texto/javascript '? src='js/highcharts.js'>. </guión>?

La parte del cuerpo de la página necesita una capa para representar el gráfico:

¿Código Java? Código de colección

& ltbody & gt?

& ltdiv? id="contenedor"? estilo="altura:?400 píxeles"></div>?

</body>?

Declarar un gráfico en JS:

¿Código Js? ¿Código de colección

& ltScript? tipo = ' texto/JavaScript '>?

//<! [CDATA[

$(function(){?

//Objeto de informe de declaración?

var?chart?=?new?highchart.chart ({ ?

Gráfico:?{?

//¿Renderizar el objeto del informe en la capa?

renderTo:? ,?

//Establecer los datos iniciales del objeto de informe?

Serie:? [{?

Datos: [29.9,?71.5,? 106,4,?129,2,?144,0,?176,0,?135,6,?148,5,?216,4,?194,1,?95,6,?54,4]?

}]?

}); ?

Función? getForm(){?

//¿Usar JQuery para obtener datos en formato JSON

jquery('/sitemap.html jquery type/? Ajax ',? función (datos)? {?

//¿Establecer el valor del gráfico?

setData ;? ;

}?

$(documentación).

ready(function()?{?

//¿Llamar automáticamente al método cada 3 segundos para actualizar el gráfico en tiempo real?

window.setInterval(getForm, 3000);

});?

});?

//]]& gt;

& lt/script & gt;