Tecnología

Inicio

Cómo hacer un gráfico con jQuery

Cómo hacer un gráfico con jQuery


JQuery ofrece a los programadores de JavaScript una biblioteca que les permite crear páginas web dinámicas que puede recuperar rápidamente los datos desde los servidores y simplifica la forma JavaScript gestiona las peticiones de servidor y HTML. A través de jQuery, puede instalar otros sistemas de escritura, tales como bibliotecas gráfico y tabla, que se encargan de la complicada tarea de crear imágenes y dibujar líneas con el fin de hacer que la creación de gráficos simples y directas.

Instrucciones

1 Crear un script Javascript con jQuery incluye:
<Script type = "text / javascript" src = "jquery.js"> </ script>

2 Descargar las bibliotecas de la creación de gráficos "Flot" de code.google.com/p/flot.

3 Incluyen las bibliotecas Flot en el código JavaScript:
<Script type = "text / javascript" src = "jquery.js"> </ script>
<Script language = "javascript" type = "text / javascript" src = "jquery.flot.js"> </ script>

4 Escribir un gráfico sencillo con dos líneas de datos simples. Los puntos de la trama en pares signifiy xy variables "D1":
<Script id = "fuente" language = "javascript" type = "text / javascript">
$ (Function () {

// a null signifies separate line segments
var d1 = [[0, 12], [7, 12], null, [7, 2.5], [12, 2.5]];

$ .PLOT ($ (& Quot; # marcador de posición & quot;), [d1]);

});
</ Script>