Gráficas y diagramas en HTML5

Email this to someoneShare on FacebookShare on Google+Share on LinkedInTweet about this on Twitter

Flotr2 es una biblioteca de código abierto (o framework) para crear gráficas y diagramas en HTML5. Flotr2 es un «fork» de Flotr, pero sin dependencia de Prototype JS y con muchas mejoras, entre ellas el uso de canvas de HTML5.

Como se muestra en la imagen, en los diagramas se pueden especificar: títulos, subtítulos, colores, etc.

graficas-html5

Estas son las principales características de utilizar Flotr2 para crear gráficas y diagramas en HTML5:

  • Soporte de dispositivos móviles Android e iOS.
  • Independiente de los frameworks de terceros.
  • Soporta para los navegadores: Firefox, Chrome, IE6+, Safari, Opera…
  • Soporte de plugins.
  • Gran variedad de diagramas personalizables: lineas, barras, circular, velas, burbujas, etc…

Antes de comenzar a utilizarlo se requieren conocimientos en JavaScript.

El siguiente es un ejemplo de uso de su API.

 var
    // Container div:
    container = document.getElementById("flotr-example-graph"),
    // First data series:
    d1 = [[0, 3], [4, 8], [8, 5], [9, 13]],
    // Second data series:
    d2 = [],
    // A couple flotr configuration options:
    options = {
      xaxis: {
        minorTickFreq: 4
      }, 
      grid: {
        minorVerticalLines: true
      }
    },
    i, graph;

  // Generated second data set:
  for (i = 0; i < 14; i += 0.5) {
    d2.push([i, Math.sin(i)]);
  }

  // Draw the graph:
  graph = Flotr.draw(
    container,  // Container element
    [ d1, d2 ], // Array of data series
    options     // Configuration options
  );

Web: flotr2

Sé la primera persona en comentar

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

De conformidad con lo establecido en la LOPD, Adpv Advertising Provider S.L. garantiza la adopción de las medidas necesarias para asegurar el tratamiento confidencial de los datos de carácter personal. Así mismo le informamos de la inclusión de sus datos en un fichero con la finalidad de mantener su relación negocial o contractual con Adpv Advertising Provider S.L. y de la posibilidad de ejercer los derechos de acceso, rectificación, cancelación y oposición en la siguiente dirección: Ercilla, 26, 1Dcha., 48011, Bilbao, Bizkaia. Privacidad.