Make charts online using the Google Chart API Faça gráficos online usando a API do Google Chart
Posted on December 1, 2008 at 5:34 am Postado em 1 de dezembro de 2008 às 5:34 am
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. O Google Chart API é um serviço web que você pode conectar-se rapidamente gerar gráficos para seus blogs ou websites. Visto que é um serviço web, você não vai precisar instalar nada no seu servidor web. Tudo o que você precisa é uma compreensão básica de como ele funciona.
Here is an actual example of a Aqui está um exemplo real de uma chart created using Google Chart API gráfico criado usando o Google Chart API :
You can see that the chart was generated using a simple URL parameter manipulation: Você pode ver que o gráfico foi gerado utilizando um parâmetro simples manipulação 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: Há pelo menos 3 parâmetros (cht, doenças coronárias e CHL) para definir a ser capaz de gerar um gráfico. Abaixo estão as medidas para tornar esses parâmetros:
Step 1: Define the Chart Type: cht Etapa 1: Definir o 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: Primeiro você precisa se definir qual o tipo de gráfico que você deseja. A listagem de todos os tipos disponíveis gráfico encontram-se em: 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. No exemplo que vamos criar, vamos utilizar cht = p3 que é um gráfico circular. Para fazer com que outros tipos de gráficos como bar ou de uma linha Organigramas, basta procurar os tipos de gráficos e colocar CHT parâmetro no valor correspondente.
Step 2: Define the parameter for data and labels: chd and chl Etapa 2: Definir o parâmetro de dados e Labels: DAC e mg chl
For example, we want to chart the distribution of each of the four brands below: Por exemplo, queremos traçar a distribuição de cada uma das quatro marcas abaixo:
- 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 Os dados (CHD) parâmetro será: t = CHD: 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: No exemplo eu escolhi para usar Codificação de texto. Para usar outros tipos de codificação de clicar no link abaixo: http://code.google.com/apis/chart/formats.html
The label parameter (chl) is chl=BrandX,BrandY,BrandZ,BrandA O marcador parâmetro (CHL) é mg chl = BrandX, brandy, BrandZ, Branda
The label parameter values are comma delimited and should have the same number of values as the data parameter. O marcador parâmetro os valores são delimitados por vírgula e devem ter o mesmo número de valores como parâmetro os dados.
Step 3: Define the size of the chart in pixel Etapa 3: Definir o tamanho do gráfico em pixels
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 O formato é um simples chs=<width in pixels>x<height in pixels> por isso, se quisermos ter uma 250X100 gráfico, vamos colocá-lo desta forma: CHS = 250X100
Step 4: Put the parameters together Passo 4: Coloque os parâmetros em conjunto
Append the parameters to the main URL: Acrescente as principais parâmetros para a URL: http://chart.apis.google.com/chart?
+ parameter from step 1 + “&” + parameter from step 2 + “&” parameter from step 3 + Parâmetro a partir do passo 1 + "&" + parâmetro a partir da etapa 2 + "&" parâmetro a partir da etapa 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: Note que a ordem de parâmetros de serviços da web não é importante, desde que você separe-as com o carácter comercial "&". Veja o exemplo abaixo:
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. É claro que os utilizadores podem facilmente criar gráficos dinâmicos usando o Google Chart API. Este é ideal para usuários que não querem comprar gráficos complexos soluções para os seus projetos web.
Ben Carigtan shows you how it’s done. Ben Carigtan mostra-lhe como pode fazê-lo.
» Filed Under »Arquivado Sob Google Software/Tips Google Software / dicas
 Save this page Guardar esta página |  Stir it up on Mixx Mexer tudo sobre Mixx | |
 Add to Reddit Adicionar ao Reddit |  Stumble this page Stumble esta página |
Related Posts Posts Relacionados
- How to make YouTube videos smaller Como fazer pequenos vídeos YouTube
- Excel Tutorial - How to make a simple graph or chart in Excel Excel Tutorial - Como fazer um simples gráfico ou gráfico no Excel
- How to make a graph on excel Como fazer um gráfico no excel
- GenerateData - Free online test data generator GenerateData - Livre teste online de dados gerador
- Multiple find and replace of content using Grep Múltiplos de localizar e substituir o conteúdo usando Grep
