Generar reportes con Google Charts, PHP, jQuery y MySQL

reportes_google_chart

En este tutorial vamos a explicar cómo crear gráficos con la librería que nos ofrece Google  “Google Charts“. El tipo de gráfica que hemos escogido para este artículo es:  Combo Chart.

La gráfica que vamos a generar por una parte será dinámica, es decir que  la gráfica va a variar dependiendo de los datos almacenados en nuestra tabla (dentro de nuestra base de datos).

Para generar la gráfica vamos a utilizar los siguientes recursos:

  • HTML5
  • Google Charts
  • jQuery
  • PHP
  • MySQL

Bien ahora vamos a por ello.

Empezaremos creando nuestra base de datos, luego ejecutar el siguiente código SQL

Ahora debemos crear nuestro archivo que se encargará de conectar la base de datos y lo llamaremos conexion.php

Luego de haber configurado nuestros datos de conexión, vamos a crear el archivo index.php, el cual contiene la lógica necesaria para generar nuestro gráfico de forma dinámica.

Ahora vamos a crear el archivo chart.php, el cual se encarga de procesar los datos y enviarlos vía JSON al archivo index.php, para que éste a su vez se encargue de generar el gráfico mediante una llamada ajax.

Bien esto seria todo, ya hemos creado un gráfico que carga datos de forma dinámica con PHP y MySQL, espero que te sea de utilidad en algún proyecto web.

DESCARGAR ARCHIVOS