Después de haber visto cómo crear gráficos con Flash y Javascript con diagramas, aquí estoy aquí me recuerdan a los que nunca habló de la buena - aunque tal vez «más abstruso - Google gráficos (gráfico gráficos =).

Si usted necesita insertar un simple gráfico en su sitio web, pero si desea crear gráficos de gran impacto visual, tal vez incluso vinculados a la base de datos dinámica, Google gráficos puede ser útil.

El pastel que se ven en tres dimensiones de apertura se crea con una simple línea de código HTML:

  y http://chart.apis.google.com/chart?cht=p3 
  CHD = s: Z923 y 
  CHS = 400x180 y 
  CHL = Google | Gráficos | Diseño | Gráficos y 
  chco = 1B75DF, ff0000 

... Que para facilitar la lectura he enviado un jefe en cada variable añadió.

¿Cómo se utiliza?

Los tipos de gráficos que se pueden crear son los siguientes:

• gráfico lineal (una línea)
• gráficos de barras
• gráficos circulares
• Los diagramas de Venn-Euler (fija)
• a diagramas de dispersión (scatterplots)

Para dibujar un gráfico que ilustra este post, tenemos que enviar una solicitud a http://chart.apis.google.com/chart, pasando por debajo de los parámetros que nos proponemos:

  http://chart.apis.google.com/chart? <1> y <2> & <N> 

Ayudar con las instrucciones en el proyecto, vemos que señalar a un gráfico que utilizamos tridimensional variable cht:

  p3 = cht 

Para pasar el nombre (descripción) de las variables que nuestro diagrama se ilustran el uso CHL variable, los valores por separado con una línea vertical (|), una como esta:

  CHL = Google | Gráficos | Diseño | Gráficos 

Los valores de las variables que componen el cuadro se transmiten a través de CHD variable:

  CHD = s: Z923 

... En caso de que la 's' indica' simple codificación ", para el resto se refiere a el sitio de Google.

Para los campos de color de nuestro pastel usaremos la variable chco.
En este caso, el primer show es el último color en formato hexadecimal:

  chco = 1B75DF, ff0000 

Por último, el tamaño de la imagen que se crea es definido por la variable CHS:

  CHS = 400x180 

Para publicar nuestro gráfico, por último, que debemos ayudar, pero no recordar la dirección en que lanza su propia imagen, que está utilizando la etiqueta IMG:

  src = "http://chart.apis.google.com/chart?cht=p3&chd=s:Z923&chs=400x180&chl=Google|Charts|Disegna|Grafici&chco=1B75DF, ff0000" <img /> 

Artículos Similares

1. Crear gráficos y diagramas en Flash
2. Creación de un gráfico de tarta con Flash 5
3. Diseño gráfico mediante un sistema dinámico JavaScript
4. Variable HTML dinámico a SWF (incluido Flash4)
5. API de Google Maps

Si te gusto el artículo, siempre es bienvenido un comentario! Si desea recibir las últimas noticias de mi blog en el que también pueden suscribirse a feeds RSS (no pago). Incluso a través del correo electrónico. HOLA!