Gráficas con PHP y Open Flash Chart 2

En esta oportunidad veremos como generar gráficas profesionales con Open Flash Chart 2, este componente nos permite crear diferentes tipos de gráficas en Flash, entre las opciones que nos ofrece tenemos gráficas de barras, de lineas, de tortas (pies), etc. 

Open Flash Chart es un software open source y esta bajo la licencia LGPL, por lo que como siempre recordamos es posible acceder al código y contribuir con el desarrollo del proyecto en la forma que ustedes quieran. La version 2 de Open Flash Chart esta desarrollada con Actionscript 3 y compilada con Flex. 

Entre las principales características encontramos:

– tooltips en cada punto de la gráfica

– permite exportar la gráfica como imágen

– diferentes tipos de gráficas: lineas, barras, barras 3D, tortas, áreas y más.

– varias librerías disponibles  (php, java, python, etc) 

– carga de datos en formato JSON

Generar la gráfica desde PHP

En este ejemplo vemos como generar datos para la gráfica en forma dinámica, como siempre mostramos un ejemplo simple para que se entienda mejor, pero es claro que en una aplicación real el origen de los datos puede ser una base de datos, archivos, etc.

chat_test.php

 

Nótese que lo único que genera este script es una cadena de texto con formato JSON donde se encuentran todos los datos de la gráfica que queremos generar (colores, tipos, valores, etc), esto lo consigue mediante el método toString() de la última línea.

Para asociar este script con el código HTML debemos escribir lo siguiente:

grafica.html

 

Vemos que para generar el código usamos una librería javascript que es proporcionada por el autor del software, esto nos evita las molestias de escribir todo el código HTML para insertar un objeto Flash el cual es bastante entreverado y no nos aporta nada.
El objeto SWF acepta como parámetro el nombre del archivo que proporcionará los datos de la gráfica. 

Para finalizar solo nos resta decir que es posible generar gráficas dinámicas con Open Flash Chart de forma profesional, simple  y con un muy buen look.  Además, el sitio oficial cuenta con excelente información y varios tutoriales que te ayudarán en tus futuros desarrollos.

Mas información:

Sitio Open Flash Chart 2

GD Star Rating
loading...
Gráficas con PHP y Open Flash Chart 2, 8.0 out of 10 based on 7 ratings

Related Posts

16 Comments

  1. Bitacoras.com
    Abril 27, 2009 at 10:54 pm

    Información Bitacoras.com…

    Valora en Bitacoras.com: En esta oportunidad veremos como generar gráficas profesionales con Open Flash Chart 2, este componente nos permite crear diferentes tipos de gráficas en Flash, entre las opciones que nos ofrece tenemos gráficas de barras,…

  2. pablo
    Junio 10, 2009 at 6:45 pm

    hola me sale este error

    Open Flash Chart
    IO ERROR
    Loading test data
    Error #2032: Error de secuencia. URL: http://localhost/q/chart_test.

    This is the URL that I tried to open:chart_test.php

    ayudame con este error

  3. Juan Benitez
    Junio 10, 2009 at 9:00 pm

    Hola Pablo, verifica en el archivo grafica.html que la ruta al script chart_test.php sea la correcta. Por lo que veo, chart_test.php esta dentro del directorio “q”, asegurate que la linea del html diga esto:

    {“data-file”:”./q/chart_test.php”});

    saludos, Juan.

  4. zarate
    Julio 29, 2009 at 8:20 pm

    soy nuevo en esto ise lo q comentaste pero me jenera un error cheque las librerias y hasta el ultimo comentario q isiste en tu foro pero me sigue generadndo o alo mejor es porq utlizo ubunto ayuda este es el error Open Flash Chart
    IO ERROR
    Loading test data
    Error #2032

  5. zarate
    Julio 30, 2009 at 1:40 pm

    hola como puedo cambiar los datos de los ejes “x” “y” nada mas tiene del uno y del 10 quiro cambiarselo porfa ayuda

  6. Juan Benitez
    Agosto 1, 2009 at 1:59 pm

    Hola zarate puedes cambiar los valores máximos y mínimos usando el siguiente codigo:

    // crear el objeto para manejar el eje x
    $x = new x_axis();
    $x->set_range(5, 20); //seteamos el valor máximo y mínimo
    ….
    ….
    //no olvides setear tu nuevo eje x en la gráfica
    $chart->set_x_axis( $x );

    de la misma forma puedes hacerlo para el eje y .
    Espero haberte ayudado, saludos.

  7. zarate
    Agosto 3, 2009 at 3:29 pm

    si me seirvio pero hay un pequño promblema lo q pasa al momento de modificar los ejes se distorciona porq el tamaño de la grafica no se hase grande y los valores se no se notan, y no manera q la garfica se haga granade con los valores q se le dan solamente funciona para datos pequeños

  8. zarate
    Agosto 3, 2009 at 4:01 pm

    $w=new w();
    $w->set_width(60);
    $chart->set_width($w);
    vi en el codigo para poder cambair el ancho pero falle en algo no se q sea aaa y el objeto ed de uno por uno el rango y se ditorciona en lo ejes jaaa muchass molestiass

  9. zarate
    Agosto 3, 2009 at 4:03 pm

    $w=new w();
    $w->set_width(60);
    $chart->set_width($w);
    vi en el codigo para poder cambair el ancho pero falle en algo no se q sea aaa y el objeto, y en rango y se ditorciona en lo ejes jaaa muchass molestiass

  10. juan
    Julio 1, 2011 at 11:14 am

    me salto este error:
    Fatal error: Class ‘title’ not found in C:\xampp\htdocs\xampp\www\TF\Paciente\grafica\chart_test.php on line 15

  11. admin
    Julio 10, 2011 at 1:34 pm

    Por favor, revisa bien las rutas de inclusión de la librería, seguramente sea eso.
    saludos.

  12. LOD_Fredy
    Diciembre 21, 2012 at 1:35 pm

    Hola, he hecho funcionar las graficas, sin embargo, requiero poder cambiar las leyendas del eje x ya que nunca serán numeros sino algun texto obtenido segun que se quiera mostrar en la gráfica, si sabes como hacer esto te agradeceria pusieras un codigo de ejemplo (que me imagino es agregarle lineas al codigo que ya tienes).

    Salu2 y gracias de antemano.

  13. Kamra
    Marzo 20, 2013 at 12:18 pm

    Muchisimas, gracias, me sirvio mucho, pero tengo una duda como hago para que los axys vayan de 10 en 10 en vez de 1 en 1

  14. Kamra
    Marzo 20, 2013 at 1:44 pm

    LOD_Fedy
    para poner letras tienes que definir los label de la siguiente forma:
    $x_labels = array(“Ene”,”Feb”,”Mar”,”Abr”,”May”,”Jun”,”Jul”,”Ago”,”Oct”,”Nov”,”Dic”);//creas los nombres cada label
    $x = new x_axis();
    $x->set_labels_from_array($x_labels);
    $chart->set_x_axis( $x );

  15. Josue
    Mayo 13, 2013 at 2:07 pm

    Buenas amigo, muy interesante tu post me sirvio a la perfeccion, ahora bien lo que no puedo hacer es como mostrar 2 graficas con distintos valores en una misma pagina

  16. Veronica
    Junio 2, 2017 at 11:44 am

    Auxiliooo, tengo un sitio con graficos open flash chart y se veia a la perfeccion y hoy de repente no se por que no se ven. No me tira error ni nada, simplemente no lo muestra. Como si no anduviera mas el.flash o alguna actualizacion haya hecho q no se puedan generar mas. Que hagoooo???? Ayuda por favor..

Leave A Comment

Security Code:

Leer entrada anterior
Lo nuevo de Ubuntu

Está al alcance de un clic la nueva versión de Ubuntu,  la podemos descargar gratuitamente al igual que las anteriores,...

Cerrar