JMiur [E]

Hace apenas unos días, Google ha lanzado el primer blog oficial para desarrolladores en español.

La idea es mantenerse informados de las últimas novedades disponibles para la y explorar aquellas creadas con las herramientas de Google.

El sitio invita a todos los desarrolladores a participar y a enviar sus creaciones para compartirlas. Esto, puede hacer contactándose con:
programacongoogle@google.com

La misma invitación está abierta para quienes tengan preguntas técnicas.

Una de las primeras entradas aparecidas es una herramienta que permite generar gráficos y diagramas de forma dinámica y sencilla en cualquier páginas web.

Por ejemplo, la siguiente URL genera la imagen que aparece más abajo.

http://chart.apis.google.com/chart?cht=p3&chd=s:hW&chs=450x200&chl=Abajo|Arriba


Es decir, Sólo debe enviarse los datos como parámetros en una petición http y el API de Google devuelve un gráfico en formato PNG.

En la práctica, debemos incluir esa dirección URL como atributo SRC de una etiqueta IMG:
<img src="http://......." />
Actualmente, el API soporta gráficos de líneas, histogramas, diagramas de sectores, diagramas de puntos y sparklines.

Una información más detallada, podemos encontrarla en Google Chart API Developer's Guide, allí nos dicen que los parámetros se separan con el carácter & (ampersand) y que pueden colocarse todos los que uno quiera

En este ejemplo, las lineas amarillas en el Eje-X tienen como textos (Marzo, Abrill, Mayo, Junio, y Julio) y el Eje-Y "DEMO":
http://chart.apis.google.com/chart?
chs=300x250
&chd=s:helloWorld
&cht=lc
&chxt=x,y
&chxl=0:|Mar|Abr|May|Jun|Jul|1:||DEMO
Donde:

http://chart.apis.google.com/chart? es la dirección URL de la API de Google
chs=350x250 es el tamaño en pixeles
chd=s:Vagabundia son los datos (en este caso un string)
cht=lc es el tipo de gráfico
chxt=x,y los Ejes X e Y
chxl=0:|Mar|Abr|May|Jun|Jul|1:||DEMO son los textos de los Ejes X e Y

Por supuesto, en Blogger todo se escribe en una sola línea:

Sample chart

REFERENCIAS:
  • Google Code
  • Actualizaciones del blog de Google Code
  • 6 comentarios:

    Mr Prado  
    Este comentario ha sido eliminado por el autor.
    Responder
    JMiur  

    Jajajaja Mr Prado:
    Mientras tu te reias de mis desgracias con el spam del chino ese, yo lo borraba y tu chiste me ha llegado por mail :D

    Lo hubieras dejado.

    Si pudiera, hasta los estauraría:

    ??? ??? ??? ??? ??? ??? ??? ??? ??? ??? ??? ???

    :D

    Responder
    Mr Prado  

    Es que era gracioso ver un comentario en chino, jajajaja.

    Pero nada más escribirlo, desapareció el chino (supongo que lo borraste) y pensé que ya no tenía ningún sentido mi comentario aislado :D

    Responder
    lucas  

    hola soy www.likastrucos.blogspot.com

    queria saber si querias ser mi compañero de pagina ya que mucho nose confirmame en un cometario plis!!!!! soy amigo de lacrax

    Responder
    lucas  

    perdon era www.lukastrucos.blogspot.com

    Responder
    JMiur  

    Mr Prado:
    He decidio mantener el comentario a medio borrar como recuerdo para la posteridad :D

    Lukas:
    No sé a qué te referías, así que, mejor, explicame.

    Responder

    ¿Quiere dejar un comentario?

    recuerde que los comentarios están siendo moderados y serán publicados a la brevedad ...

    Todos los archivos y demos alojados en Fileden han sido redireccionados y deberían estar funcionando correctamente.
    De todos modos, también puede accederse a ellos a través de SkyDrive

    Nota: sólo los miembros de este blog pueden publicar comentarios.

    Si le gusta ir a lo seguro utilice este botón para abrir los comentarios en una ventana modal en esta misma pagina.

    Si añora tiempos idos, use este enlace para agregar un comentario al viejo estilo ...

     
    CERRAR