-
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>