No logo - Only favicon google.dirson.com
  <noticias de google en español>
Google
 
 RSS - Sindicación
Feed Icon
feed RSS
 o Suscríbete al feed
 o ¿Qué es un feed RSS?

 acerca de google
 o acciones de Google
 o faq google
 o navegador Google Chrome
 o sistema operativo Google
 o historia de google
 o pagerankTM
 o tecnología
 o traductor de google
 o logos de google
 o curiosidades
 o googlebot
 o Google Talk
 o AdWordsTM
 o Google Earth
 o AdSenseTM
 o google toolbar
 o Google Maps
 o Street View
 o YouTube
 o Google en español
 o Googel
 o teléfono móvil
 o buscador de blogs
 o Google Phone
 o Google Mobile OS
 o OpenSocial
 o Google Knol
 o HTC Magic
 o SEO

 buscar en este blog

 email de google
 o Gmail
 o impresiones
 o trucos
 o utilidades

 herramientas
 o fresh machine
 o buscador
 o dirección IP
 o diccionario
 o google bombing
 o Google API
 o Buscador de vídeos

 webmasters
 o posicionamiento

 trucos
 o trucos para buscar
 o caché de google
 o google hacks

 discusiones
 o foro de Google
 o foro AdSense
 o foro posicionamiento
 o lista de correo

 sobre dirson
 o categorías
 o noticias en tu web
 o mapa web



API de Google para generar gráficos de datos automáticamente

Si queremos mostrar en nuestras páginas web gráficos de listados de datos (lineales, de barras, tipo pastel, etc.) teníamos las opciones de utilizar métodos 'server side' como la popular librería GD con PHP o Perl. Desde hace unas horas, Google nos ofrece la posibilidad de simplificar esta tarea utilizando la 'Chart API', una interfaz de programación que, llamando a un método vía 'http' con una serie de parámetros crea una imagen de un gráfico para ser insertado completamente gratis en cualquier página web. Por ejemplo:

Si os fijáis en el código de la imagen es una llamada a 'chart.apis.google.com/chart' vía 'http' con los siguientes parámetros:

:: cht = p3 ... cht (char type) es el tipo de gráfico, y 'p3' es del tipo 'pastel en tres dimensiones'. Otros tipos son 'p' (pastel en dos dimensiones), 'lc' (lineal), 'bhs' (barras horizontales), 'bvs' (barras verticales), ... Echad un vistazo a la documentación en este enlace para más tipos.

:: chd = t:15,35,90 ... chd (char data) son los datos del gráfico y pueden estar en varios formatos en función de la letra que le acompañe. El más sencillo creemos que es 't', que permite listar los datos delimitados por comas en 'sets' separados por el símbolo 'pipe' ('|'). Echad un vistazo a este enlace de la documentación para otros formatos y posibilidades.

:: chs = 400x150 ... chs (char size) es el tamaño del gráfico, designado por anchura y altura

:: chtt = Resultados%20de%20la%20encuesta ... chs (char title) es el título del gráfico, en el que debes utilizar texto 'URL encoded'

:: chco = FF0000,00FF00,0000FF ... chco (char colors) son los colores del gráfico, en el que cada set de datos está determinado por un color RGB y separado por comas

:: chl = Opcion%20A|Opcion%20B|Opcion%20C ... chl (char labels) son las etiquetas del gráfico, en la que cada set de datos tiene un texto 'URL encoded' y separado por 'pipes'

Echad un vistazo a la citada documentación, porque tenéis más ejemplos para crear muchos más tipos de gráficos con efectos diferentes (fondos en degradado, estilos de líneas de diferentes grosores, etiquetas en los ejes, ...).

Desde abril de este año, las hojas de cálculo de 'Google Docs' permiten crear gráficos, aunque estos solamente pueden ser públicos dentro de los documentos compartimos (por ejemplo, este). Suponemos que, próximamente, esta nueva 'Google Chart API' permitirá extraer los datos de nuestras hojas de cálculo. Además, si se populariza esta forma de mostrar gráficos de datos, Google tendría otro método para extraer información de miles de sitios web para poder posteriormente organizarla y mostrarla en alguno de sus buscadores.

Publicado el 06 de diciembre de 2007 | Categoría: programacion

Puedes dejar un comentario sobre la noticia del post rellenando y enviando el siguiente formulario. Los campos marcados con asterisco (*) son obligatorios.

Tu nombre (*):
Esto será lo que aparecerá como el autor del comentario

Tu URL (opcional):
We use JavaScript redirections and 'rel=nofollow', so links are not considered by Google.

Tu email (*):
No lo haremos público. Además, con tu email puedes utilizar Gravatar para mostrar tu avatar personalizado.

Tu comentario (*):

We remove HTML tags.

Escribe las palabras que ves a continuación en este Captcha (queremos saber si eres un humano. Más info sobre Captcha en este link):


¿Tienes alguna noticia sobre Google para enviarnos? Puedes contactar con nosotros


Webmaster: ¿Quieres incluir en tu sitio web nuestras noticias y contenidos?


Últimas noticias

:: Nexus One: presentado oficialmente el teléfono móvil de Google
:: Tarjetas Eye-Fi gratis con Picasa: comparte tus fotos directamente desde tu cámara digital
:: Resultados de Google "en tiempo real"
:: Aniversario del nacimiento de Elzie Crisler Segar, creador de Popeye
:: Google personaliza tus búsquedas (y las almacena) a todos los usuarios, incluso los no registrados

Últimos posts en el foro

:: Intercambio links,mínimo PR3 para empresas y/o sindicatos.
:: Intercambio de LINKS . tengo 8 webs
:: Controlar enlaces de un intercambio (herramienta)
:: Evolución ingresos en estos meses
:: Intercambio enlaces PR3 www.imagenesdecorazones.net
::

IMPORTANTE: Este sitio web NO tiene ninguna afiliación ni relación con Google Inc. Todos los logotipos, marcas comerciales e imágenes son propiedad de Google Inc (Mountain View, CA 94043, USA). [Más información]