Make charts online using the Google Chart API Hacer cartas en línea utilizando el API Google Chart
Posted on December 1, 2008 at 5:34 am Publicado el 1 de diciembre de 2008 a 5:34 horas
The Google Chart API is a web service that you can connect to quickly generate charts for your blogs or websites. Since it is a web service, you will not have to install anything in your web server. All you need is a basic understanding on how it works. La API Google Chart es un servicio web que se puede conectar rápidamente a generar gráficos de sus blogs o sitios web. Dado que se trata de un servicio Web, usted no tendrá que instalar nada en su servidor web. Todo lo que necesita es un entendimiento básico sobre cómo funciona.
Here is an actual example of a Aquí está un ejemplo real de un chart created using Google Chart API gráfico creado a través de Google Chart API :
You can see that the chart was generated using a simple URL parameter manipulation: Usted puede ver el gráfico que se ha generado utilizando una simple manipulación de los parámetros de URL:
There are at least 3 parameters ( cht, chd and chl ) to set to be able to generate a chart. Below are the steps to make those parameters: Hay por lo menos 3 parámetros (CHT, las enfermedades del corazón y chl) para establecer a ser capaces de generar un gráfico. A continuación se describen los pasos para hacer esos parámetros:
Step 1: Define the Chart Type: cht Paso 1: Definir el tipo de gráfico: CHT
First you will need to define what type of chart you want. A listing of all available chart types are located here: En primer lugar tendrá que definir qué tipo de gráfico que desee. Una lista de todos los tipos de gráficos se encuentran aquí: http://code.google.com/apis/chart/types.html
In the example that we will create, we will use cht=p3 which is a pie chart. To make other types of charts like bar or line charts, just browse the types of charts and put in the corresponding cht parameter value. En el ejemplo que vamos a crear, vamos a utilizar cht p3 = que es un gráfico de tarta. Para realizar otros tipos de gráficos como la barra o línea de gráficos, acaba de navegar por los tipos de cartas y poner en el cht correspondiente valor del parámetro.
Step 2: Define the parameter for data and labels: chd and chl Paso 2: Defina el parámetro de datos y etiquetas: las enfermedades del corazón y chl
For example, we want to chart the distribution of each of the four brands below: Por ejemplo, queremos trazar la distribución de cada una de las cuatro marcas siguientes:
- BrandX=40 BrandX = 40
- BrandY=30 Brandy = 30
- BrandZ=20 BrandZ = 20
- BrandA=10 Branda = 10
The data (chd) parameter will be: chd=t:40,30,20,10 Los datos (CHD) parámetro serán los siguientes: CHD = t: 40,30,20,10
Note: In the example I chose to use Text Encoding. To use other types of encoding click on the link below: Nota: En el ejemplo he optado por utilizar Text Encoding. Para utilizar otros tipos de codificación, haga clic en el enlace de abajo: http://code.google.com/apis/chart/formats.html
The label parameter (chl) is chl=BrandX,BrandY,BrandZ,BrandA La etiqueta parámetro (chl) es chl = BrandX, brandy, BrandZ, Branda
The label parameter values are comma delimited and should have the same number of values as the data parameter. La etiqueta son los valores de los parámetros delimitados por coma y deben tener el mismo número de valores de los datos como parámetro.
Step 3: Define the size of the chart in pixel Paso 3: Definir el tamaño de la tabla en píxeles
The format is a simple chs=<width in pixels>x<height in pixels> , so if we want to have a 250X100 chart, we put it like this: chs=250X100 El formato es un simple chs=<width in pixels>x<height in pixels> de modo que si queremos tener un 250X100 gráfico, nos aseguramos de que se presente como: CHS = 250X100
Step 4: Put the parameters together Paso 4: Coloque los parámetros junto
Append the parameters to the main URL: Anexar los parámetros a la URL principal: http://chart.apis.google.com/chart?
+ parameter from step 1 + “&” + parameter from step 2 + “&” parameter from step 3 + Parámetro desde el paso 1 + "&" + parámetro desde el paso 2 + "y" parámetro de paso 3
Note that the order of parameters in web services is not important as long as you separate them with the ampersand character “&”. See example below: Tenga en cuenta que el orden de los parámetros en los servicios web no es importante siempre y cuando los separan con el carácter de símbolo de unión "&". Consulte el siguiente ejemplo:
It is clear that users can easily create dynamic charts using Google Chart API. This is ideal for users who don’t want to buy complex charting solutions for their web projects. Es evidente que los usuarios pueden crear fácilmente gráficos dinámicos a través de Google Chart API. Esto es ideal para usuarios que no quieren comprar complejo trazar soluciones para sus proyectos web.
Ben Carigtan shows you how it’s done. Ben Carigtan muestra cómo se hace.
» Filed Under »Filed Under Google Software/Tips Software de Google / Sugerencias
 Save this page Guardar esta página |  Stir it up on Mixx Revuelva hasta que en Mixx | |
 Add to Reddit Añadir a Reddit |  Stumble this page Stumble esta página |
Related Posts Puestos relacionados con la
- How to make YouTube videos smaller ¿Cómo hacer más pequeños los vídeos de YouTube
- Excel Tutorial - How to make a simple graph or chart in Excel Excel Tutorial - ¿Cómo hacer un simple gráfico o tabla en Excel
- How to make a graph on excel ¿Cómo hacer un gráfico en Excel
- GenerateData - Free online test data generator GenerateData - Libre prueba en línea generador de datos
- Multiple find and replace of content using Grep Múltiples buscar y reemplazar el uso de los contenidos Grep
