Estos tipos de Google, siempre tiene algo! y siempre es bueno darle una mirada. Estaba mirando Google Chart API, una forma sencilla de poder tener gráficos en nuestras web (o por ejemplo en nuestros blogs) sin estar utilizando nada mas que una URL, … mediante un querystring enviamos los datos y tenemos nuestro gráfico directamente desde Google, "gráficos a la carta"
La idea de este servicio es brindar a los desarrolladores lo que antes era solamente para uso interno (ej: Google Finance) ahora lo publicaron para utilizarlo por el resto de los mortales
Con una seria de parámetros en la URL de la API en una tag IMG, y nos devuelve un PNG.
<a src="http://chart.apis.google.com/chart?param1=valor¶m2=valor2¶mN=valorN" alt="Grafico en Geeks.ms" />
Hay que dominar estos "parámetros" (o encapsularlo en un webcontrol que es mi idea en estos días…para practicar), pero para eso tenemos la ayuda en esta página donde nos brinda el dialecto para hablar con la API
Encontré unos controles, por el que necesita probarlo en sus proyectos sin estudiar el idioma:
- .NET class library to work with Google Chart API
- Google Chart API controls for Asp.NET
Política de Uso: solamente 50000 peticiones por usuario por día.
Por ejemplo:
Ejemplo 1
<img src="http://chart.apis.google.com/chart? cht=p3 &chd=s:hW &chs=450x150 &chl=Geeks.ms|World" alt="Grafico en Geeks.ms" />
Ejemplo 2
<img src="http://chart.apis.google.com/chart? chs=450x200 &chd=s:AWcaZPaWXX &cht=lc &chxt=x,y &chxl=0:|Enero|Febrero|Marzo|Abril|Mayo|1:||usuarios" alt="Grafico en Geeks.ms" />
Ejemplo 3
<img src="http://chart.apis.google.com/chart? cht=lxy &chs=450x200 &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" alt="Grafico en Geeks.ms" />
Tipos de Gráficos
Lineas
Barras
Gráficos de burbujas
Enlaces
- Google Chart API
http://code.google.com/apis/chart/ - Grupo de Google Chart API
http://groups.google.com/group/google-chart-api
cuales son
Hola Gerardo. Recien puedo leer tu comentario. No entiendo si es una pregunta o fue una prueba simplemente?
Hola me gustaria sabes como se puede colocar en label vertical en el eje de las X, estoy generando graficas de barras pero las label q llevan abajo no caben por lo cual me gustaria q alguien q sepa me pudiera ayudar.
Estamos desarrollando una página financiera y me gustaría utilizar el gráfico que utiliza google finance que representa volumen y una función lineal en el mismo gráfico.Sabes donde podemos ubicar este tipo de gráfico.
Saludos.
Hola @Anibal
Estaba mirando GoogleFinance en indice de Down Jones.. que creo que es este:
http://finance.google.com/finance?q=INDEXDJX:.DJI
Alli el que esta utilizando es este
http://code.google.com/intl/es-AR/apis/visualization/documentation/gallery/annotatedtimeline.html
PEro Google te brinda todo un framework para graficos
– Google Visualization API
http://code.google.com/apis/visualization/documentation/gallery.html
Tienes varios graficos aqui en un post anterior bajo el tag «Graficos» alli tambien tienes varios que te pueden ayudar en tu proyecto… dales una mirada
– Gráficos en ASP.NET: Línea/Torta/Radial/otros (free y comerciales) … en HTML/CSS, Imágenes, Javascript, Flash y Silverlight
http://geeks.ms/blogs/fernandezja/archive/2008/11/03/gr-225-ficos-en-asp-net-l-237-nea-torta-radial-otros-free-y-comerciales-en-html-css-im-225-genes-javascript-flash-y-silverlight.aspx
PD: Luego avisame por aqui cual utilizaste y cual no te gusto para nada entonces entre todos colaboramos.