en: Negocio
Google acaba de lanzar un servicio para generar gráficas “al vuelo”, únicamente tendremos que hacer llamadas a Google Chart API y con llamadas como las de este ejemplo podrás obtener elegantes gráficas.
Como en la mayoría de servicios de este tipo Google nos limita el número de llamadas a la API (50.000 peticiones por día), en la gran mayoría de los casos nos será suficiente, si no es suficiente siempre tienes la posibilidad de almacenar las imágenes en tu servidor y de este modo no dependes del límite de peticiones que impone Google.
Volvamos a la url y analicemos cada una de las partes…
chart.apis.google.com/chart?cht=p3&chd=t:90,49&chs=350×150&chl=Foo|Bar
cht=p3: Tipo de gráfica en este caso “Pie Chart”
chd=t:90,49: Valores de la gráfica separados por comas
chs=350×150: Tamaño de la gráfica resultante.
chl=Foo|Bar: Etiquetas para los valores.

Aquí dejo algunos ejemplos de lo que se puede llegar a hacer con esta API (cacheadas pero clickeables para ver la URL fuente):
|
|
|
Google Chart API | Documentación
Google Chart API | URL Format
Hace poco tuve que buscar una solución para crear gráficas de manera dinámica y estas fueron algunas de las soluciones que baraje:
CSS For Bar Graphs, el concepto es simple y muy antiguo se le da un porcentaje al ancho de las etiquetas y conseguiremos sencillas gráficas.

PlotKit es una librería escrita con Javascript y compatible con todos los grandes navegadores.

CSS + Javascript Bar Charts una manera de sencilla de combinar la potencia de Javascript y la sencillez de las hojas de estilo.

Vertical Bar Graphs with CSS and PHP cómo bien indica su nombre en este caso podremos combinar las hojas de estilo con PHP.

CSS Vertical Bar Graphs, muy parecido al método anterior con unas pocas funcionalidades diferentes.

Displaying Percentages with CSS, cómo a estas alturas puede que estemos cansados de mostrar los datos podemos probar a mostrar los porcentajes.

Dynamic Pie Chart with CSS, un ingenioso método de mostrar las famosas “tartas” indispensables en estadística, pero en este caso nos permitiremos el lujo de prescindir de las librerías de creación de imágenes.

Real World Bar Graphs (with some CSS) la mejor solución si lo que queremos es conseguir gráficas ligeras y con un aspecto agradable.

Ajax MGraph compatible con Firefoz, IE y Opera, utiliza Php y usa Prototype.

ACTUALIZACIÓN
Genial el ejemplo que acabo de ver en Microsiervos | Ejemplo Pacman API Google Chart:
6 Respuestas a Google Chart API, generando gráficas
Pau Sanchez
7 de Diciembre de 2007 a las 3:40 am
Sigo tu blog desde hace meses, que pena no tener este artículo una semana antes. Justo hace una semana me volvía loco para implementar una barra de progresos en CSS, por problemas, como siempre, de compatibilidad entre navegadores. Al final llegué una solución que gustó a Firefox, IE, y Opera (tendré tb que mirar que pasa con Safari).
Para el que le interese ver como lo hice: http://www.pausanchez.com/es/2007/11/26/barra-de-progreso-en-html-y-css/
Aprovecho tambien para felicitarte por tu blog
Un saludo.
Neburs
7 de Diciembre de 2007 a las 6:16 am
Pac-Woman 3D
gomezbjesus
7 de Diciembre de 2007 a las 11:22 am
Jaja estuvo bueno el PacWoman Nebrus. Como bien comenta Pau Sanchez esta solucion hubiera servido bastante hace algun tiempo, yo tambien me enfrente a problemas similares con JPGraph probaremos esta alternativa para ver que tal funciona.
Excelente introduccion al uso de este API, saludos.
JRVA
4 de Abril de 2008 a las 2:13 pm
Necesito graficar una consulta con PHP, pero la grafica que necesito es plano cartesiano de cuatro planos(x,y,-x,-y)
Anónimo
18 de Septiembre de 2008 a las 11:42 am
HOla necesito hacer una gráfica en donde x lleve pzas y y sean horas y días, se trata sobre una línea de producción.
Saludos!!
jessica
12 de Octubre de 2009 a las 5:59 am
deben de
hacer mas de esto x q me dejan tarea y no lo encuentro