Herramientas de usuario

Herramientas del sitio


Barra lateral

Logo ACEMU

acemu:articulos:articulos_tecnicos:software:graficando_con_javascript

¡Esta es una revisión vieja del documento!


Graficando con Javascript

En este artículo vamos a mostrar cómo podemos graficar datos que tengamos en algún archivo CSV, empleando alguna biblioteca de Javascript y desplegando el resultado en una página web.

Existen infinidad de bibliotecas para hacer gráficos en Javascript y es imposible cubrir todas las posibilidades, así que vamos a limitarnos a ilustrar algunos ejemplos empleando una biblioteca gráfica particular: dygraph

<PRELOAD> http://acemu.org/metero/dygraph-combined-dev.js </PRELOAD>

<h2>Temperaturas tomadas en el campo de vuelo de la EMA</h2>
<div id="graphdiv"></div>

<JS>

g = new Dygraph(document.getElementById("graphdiv"),"http://acemu.org/metero/datos.csv",{
xlabel: "fecha",
ylabel: "T(&deg;C)",
animatedZooms: true,
height: 300,
width: 600,
colors: ["rgb(255,50,10)","rgb(0,80,255)"],
series: {
    'EMA': {
strokePattern: [5,3],
showInRangeSelector: true,
 }
},
strokeWidth: 2.3,
drawPoints: false,
showRoller: true,
hideOverlayOnMouseOut: false,
stepPlot: false

}); </JS>

acemu/articulos/articulos_tecnicos/software/graficando_con_javascript.1427324043.txt.gz · Última modificación: 2015/03/25 15:54 por kenneth