Programación básica en php (elaborar graficas)


Como ya vimos como hacer cálculos en las consultas, ya podemos generar estadisticas y gráficas.

Existen varias formas de crear graficas, todas ellas ocupan algun tipo de libreria adicional que deberemos copiar a nuestro servidor, algunas son GPL y otras son comerciales, pero todas son muy buenas opciones, los resultados varian, algunas generaran la grafica como una imagen JPEG o PNG y otros lo haran en formato Flash.

De todas las forma posibles hemos escogido usar la libreria pChart en su versión GPL, la libreria se descarga de su pagina oficial.

La instalación de la libreria es muy simple, solo se descompacta el archivo en la carpeta donde tenemos nuestro sistemas, en algunas versiones se genera una carpeta con el nombre de pchart seguido del numero de versión, solo extraiga todas las carpetas contenidas en ella.

Para poder funcionar requiere de una libreria adicional llamada 2G pero no hay problema, el servidor XAMPP que usamos en estos ejemplos ya la trae incluida y funcionando.

Pero vayamos al ejemplo en si, la idea es generar una tabla con el promedio del sueldo de los empleados agrupado por sexo, asi que a continuación tenemos el resultado que obtendremos:

La documentación sobre las instrucciones de esta libreria es muy extensa, así que para este ejemplo nos centraremos en la creación de una grafica de pastel en 3d, veamos el codigo fuente y procedo con la explicación

Las primeras lineas que tenemos son las llamadas a las librerias con la instrucción include, aqui son basicas las librerias pDraw, pImage y pData, se ha incluido la libreria pPie porque se trata de una grafica de pastel, asi que como vera el uso de las librerias dependera de el tipo de grafica que usara.

Despues de eso podemos observar una consulta donde obtenemos los promedios por cada sexo, como solo son dos no necesitamos un ciclo y llamados dos veces a mysql_fetch_rows para obtener los datos de la consulta y depositamos los valores en las variables $dato1 y $dato2.

Con ellos y haciendo uso de la instrucción “echo” construimos una tabla con etiquetas HTML y desde ese punto comenzamos a construir la grafica.

Par construir la grafica primero necesitamos un almacen para los datos que usaremos, en este caso se llama $tabla y la creamos con el construcctor new como una instacia de pData.

La instrucción AddPoints nos permite agregar conjuntos de datos, asi que le agregamos la lista de valores numericos de la grafica y les damos el nombre de “serie”; en la linea siguiente usamos la instrucción setSerieDescription para indicar que el conjunto de datos que ingresamos tendra la etiqueta de sexo y que sera la serie a graficar.

Despues de eso usamos la instrucción AddPoints nuevamente, para ingresar los valores del eje x (se que una grafica circular no tiene ejes), asi que en esta caso nombramos a los nombres de los sexos, etiquetas y usamos la isntrucción setAbscissa para indicar que se usara ese conjunto de datos como eje x, por lo que al ser una garfica circular seran usados como etiquetas de cada segmento de la grafica.

Hasta este punto hemos declarado la tabla de datos de la grafica, la linea que continua crea un objeto de imagen en donde se creara la grafica y se hace con el constructor new, como una instancia de pImage, el cual recibe como parametros el ancho y lo alto de la grafica seguido de la tabla de datos a usar y el parametro de uso de imagen que se situa en TRUE.

Despues de eso se crea con el mismo constructor new, el objeto pPie que se encargara de crear la grafica de pastel y recibe como parametros el objeto de imagen y la tabla de datos.

Se emplea la instruccion Draw3Dpie con los siguientes datos

  • x,y, coordenadas de donde se ubicara  la grafica dentro del area de imagen.
  • El arreglo de parametros dentro de los que se incluyo
  • Radius para indicar el radio de la grafica.
  • DrawLabel para que se coloquen las etiquetas al lado de cada segmento.
  • Labelstacked para dibujar las lineas que apuntan de las etiquetas a los segmentos
  • Border para dibujar el borde las lineas.

La instrucción Render vaciara la grafica en un archivo de imagen, para este caso lo llamamos graficapastel.png

La grafica ya existe como un archivo .png ahora usamos la instrucción echo para mandar a escribir una etiqueta img para colocar en pantalla la imagen de la grafica que creamos.

Bien les dejo como en los otros el ejemplo de el sistema completo con el modulo de hacer graficas y la liberia pchart ya agregada al ejemplo

http://dl.dropbox.com/u/26498694/completo%20con%20graficas.rar

Anuncios

Acerca de sistemasumma

Blog dedicado a la tecnología y a todos los estudiantes de sistemas, informatica, computación y afines
Esta entrada fue publicada en Lenguajes de aplicaciones y etiquetada , , , , . Guarda el enlace permanente.

5 respuestas a Programación básica en php (elaborar graficas)

  1. Alejandro Vargas dijo:

    Muchas gracias, ha sido de una grandísima utilidad tu post. Has salvado una práctica de laboratorio.

    Me gusta

  2. Karina Repetto dijo:

    Hola despues de un par de problemas con los paths ya no tengo errores de codigo pero me aparece el icono en vez de la imagen completa, alguna idea? Gracias!

    Me gusta

  3. Anónimo dijo:

    hola cual es el nombre de la tabla o tablas en la base de datos

    Me gusta

  4. Raul dijo:

    Buena tarde disculpa que tip me podrias dar par para que me la genere en barras en lugar de pastel …

    Me gusta

  5. bleyblaster dijo:

    Me lo trae en blanco 😦

    Me gusta

¿Qué estas pensando?

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s