Utiliza el API Google Chart para crear gráficos en tus aplicaciones web
Ya lo comenta en Ajaxian, y es que cada vez con más los que les gusta usar las APIs para sus desarrollo y en este campo Google está ofreciendo mucho a los programadores.
Con el API de Google Chart puede crear con una sencilla URL gráficos estadísticos de una forma sencilla, no te hará falta ninguna hoja de cálculo para crear tus gráficos. Este servicio es el mismo que usan de forma interna para los servicios de Finanzas de Google, Google video, entre otros, y ahora también puede usarlo tu.
Utilizarlo es sencillo, solo tienes que conocer todas las opciones que ofrece para mostrar gráficos desde la URL que construyas.
Aquí tenéis algunos ejemplos de como quedaría algunos gráficos y la URL que devuelve ese resultado:
Gráfico de líneas
http://chart.apis.google.com/chart?cht=lxy&chs=200×125&chd=t:0,30,60,70,90,95,100|20,30,40,50,60,70,80|10,30,40,45,52|100,90,40,20,10|-1|5,33,50,55,7&chco=3072F3,ff0000,00aaaa&chls=2,4,1&chm=s,FF0000,0,-1,5|s,0000ff,1,-1,5|s,00aa00,2,-1,5
Gráfico de Barras
http://chart.apis.google.com/chart?cht=bvg&chs=200×125&chd=s:hello,world&chco=cc0000,00aa00
Gráfico en formato Tarta
http://chart.apis.google.com/chart?cht=p3&chd=s:Uf9a&chs=200×100&chl=Rails|PHP|Java|.NET
Diagramas de Venn
http://chart.apis.google.com/chart?cht=v&chs=200×100&chd=t:100,80,60,30,30,30,10
Gráfico de burbujas
http://chart.apis.google.com/chart?cht=s&chd=s:984sttvuvkQIBLKNCAIi,DEJPgq0uov17zwopQODS,AFLPTXaflptx159gsDrn&chxt=x,y&chxl=0:|0|2|3|4|5|6|7|8|9|10|1:|0|25|50|75|100&chs=200×125
Gráfico de línea solida
http://chart.apis.google.com/chart?cht=lc&chd=s:pqokeYONOMEBAKPOQVTXZdecaZcglprqxuux393ztpoonkeggjp&chco=FF0000&chls=4.0,3.0,0.0&chs=200×125&chxt=x,y&chxl=0:|Jun|July|Aug|1:||20|30|40|50&chf=bg,s,efefef
Gráfico Lineal con un gradiente
http://chart.apis.google.com/chart?cht=lc&chd=s:pqokeYONOMEBAKPOQVTXZdecaZcglprqxuux393ztpoonkeggjp&chco=FF0000&chls=4.0,3.0,0.0&chxt=x,y&chxl=0:|1|2|3|4|5|1:|0|50|100&chs=200×125&chf=c,lg,45,ffffff,0,76A4FB,0.75|bg,s,EFEFEF
Gráfico lineas con barras de color alterno
http://chart.apis.google.com/chart?cht=lc&chd=s:UVVUVVUUUVVUSSVVVXXYadfhjlllllllmmliigdbbZZXVVUUUTU&chco=0000FF&chls=2.0,1.0,0.0&chxt=x,y&chxl=0:|Jan|Feb|Mar|Jun|Jul|Aug|1:|0|25|50|75|100&chs=200×125&chg=100.0,25.0&chf=c,ls,0,CCCCCC,0.2,ffffff,0.2
Gráficos con leyenda
http://chart.apis.google.com/chart?cht=v&chs=200×100&chd=t:100,20,20,20,20,0,0&chdl=First|Second|Third&chco=ff0000,00ff00,0000ff
Gráficos con múltiples etiquetas de información
http://chart.apis.google.com/chart?chxt=x,y,r,x&cht=lc&chd=s:cEAELFJHHHKUju9uuXUc&chco=76A4FB&chls=2.0&chs=200×125
Gráficos con Área rellena
http://chart.apis.google.com/chart?cht=lc&chd=s:99,cefhjkqwrlgYcfgc,QSSVXXdkf
Si te ha gustado esta entrada, dejanos un comentario o suscribete a nuestro RSS feed y estarás al día de todas nuestras novedades.
