Mi primera gráfica Google Chart

Generar gráficas con Google Chart

Google nos ofrece un servicio para poder generar gráficas en tiempo real llamado Google Chart, el cual podemos utilizar en nuestras páginas web. Su funcionamiento es muy sencillo, ya que simplemente tendremos que hacer invocaciones al servidor de Google Chart, para que este, mediante una petición GET nos componga las gráficas en tiempo real.

De esta forma bastará con insertar una URL en la barra de navegación para ver el resultado:

http://chart.apis.google.com/chart?cht=p3&chd=s:hW&chs=250x100&chl=Hello|World

Insertar la gráfica en HTML

En el caso que queramos añadirlo a nuestra página web, podemos utilizar el elemento HTML img, y en el atributo src indicar la URL.

<img src="http://chart.apis.google.com/chart?cht=p3&chd=s:hW&chs=250x100&chl=Hello|World" alt="Mi primera grafica">

Esto funciona ya que el resultado de la petición GET es una imagen PNG.

Ejemplo de Google Chart

Hay que tener en cuenta que hay un límite de 50.000 peticiones diarias. Es por ello que si queremos usarlo de forma masiva, sería bueno el realizar algún tipo de cache de las imágenes.

Vía: TuFunción

Víctor Cuervo

Programador, Arquitecto IT, álter ego de Línea de Código, amante de las tecnologías, generador de conocimiento y facilitador del aprendizaje.

Descarga el código de Mi primera gráfica Google Chart

Aprende a crear tu primera gráfica con Google Chart API mediante peticiones GET simples que generan imágenes PNG para insertar en páginas web.

Descargar código