Seraphinux
“Lloramos por el lamento de un pájaro pero no por la sangre de un pez, benditos aquellos que tienen voz.”
July 30th, 2008
Visitada: 156 veces, 4 en este dia.

Flotr: Libreria JavaScript para crear graficas

Flotr: Liberia JavaScript para crear Graficas

Flotr es una liberia javascript basada en prototype.js, la cual nos permite crear (dibujar) graficas en la mayoria de los navegadores web, para tal cometido usa la libreria excanvas.js (incluida en el ZIP de Flotr), una de sus ventajas es su sintaxis la cual es de lo mas sencilla, por ejemplo el codigo para crear la imagen de muestra es el siguiente:


/**
 * Esta función anteponer a cada etiqueta 'y ='.
 */
function myLabelFunc(label){
  return 'y = ' + label;
}

var f = Flotr.draw(
  $('container'), [
    {data:d1, label:'x + sin(x + p)'},
	{data:d2, label:'x'},
	{data:d3, label:'15 - cos(x)'}
  ],{
    legend:{
	  // => Posicion de la leyenda 'sur-este'.
	  position: 'se',
	  // => Formaro de la etiqueta.
	  labelFormatter: myLabelFunc,
	  // => Color de fondo
	  backgroundColor: '#D2E8FF'
	}
  }
);

Sencillo ¿Verdad? Esta libreria nos permite usar leyendas, valores negativos de apoyo, los eventos del raton, efectos de zoom, ademas de que podemos personalizar la presentacion de las graficas usando CSS. Interesante opcion para apoyar datos numericos :D
Recuerda: “Una imagen dice mas que mil palabras”

Posts Relacionados

Una Respuesta to “Flotr: Libreria JavaScript para crear graficas”

  1. [...] que nos permite crear graficas usando canvas y prototype. Esta libreria esta basada en Flot, Flotr y PlotKit y nos permite crear diferentes tipos de graficos de manera [...]

Dejanos un comentario.