Make charts online using the Google Chart API Font des graphiques en ligne en utilisant l'API Google Chart

Posted on December 1, 2008 at 5:34 am Posté le 1 Décembre 2008 à 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. Le système Google Chart API est un service Web que vous pouvez vous connecter rapidement à générer des graphiques pour vos blogs ou sites web. Comme il s'agit d'un service Web, vous n'aurez pas à installer quoi que ce soit dans votre serveur Web. Vous n'avez besoin que d'une compréhension de base sur la façon dont il fonctionne.

Here is an actual example of a Voici un exemple d'un chart created using Google Chart API graphique créé à l'aide de l'API Google Chart :

image

You can see that the chart was generated using a simple URL parameter manipulation: Vous pouvez voir que le tableau a été généré en utilisant un simple paramètre d'URL manipulation:

image

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: Il ya au moins 3 paramètres (cht, chd et CHL) de fixer à être en mesure de générer un graphique. Voici les étapes à faire de ces paramètres:

Step 1: Define the Chart Type: cht Étape 1: Définir le type de graphique: cht

First you will need to define what type of chart you want.  A listing of all available chart types are located here: Tout d'abord, vous aurez besoin de définir ce type de graphique que vous voulez. Une liste de tous les types de graphiques disponibles sont situés ici: 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. Dans l'exemple que nous allons créer, nous allons utiliser cht = P3 qui est un diagramme circulaire. Pour d'autres types de cartes comme le bar ou les graphiques en ligne, il suffit de parcourir les types de cartes et de mettre dans les cht valeur de paramètre.

Step 2: Define the parameter for data and labels: chd and chl Étape 2: Définissez le paramètre de données et d'étiquettes: chd et chl

For example, we want to chart the distribution of each of the four brands below: Par exemple, nous voulons tracer la distribution de chacune des quatre marques ci-dessous:

  1. BrandX=40 BrandX = 40
  2. BrandY=30 Brandy = 30
  3. BrandZ=20 BrandZ = 20
  4. BrandA=10 Branda = 10

The data (chd) parameter will be: chd=t:40,30,20,10 Les données (CHD) paramètre sera: 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: Note: Dans l'exemple j'ai choisi d'utiliser Text Encoding. Pour utiliser d'autres types d'encodage, cliquez sur le lien ci-dessous: http://code.google.com/apis/chart/formats.html

The label parameter (chl) is chl=BrandX,BrandY,BrandZ,BrandA L'étiquette de paramètre (CHL) est CHL = BrandX, Brandy, BrandZ, Branda

The label parameter values are comma delimited and should have the same number of values as the data parameter. L'étiquette valeurs des paramètres sont délimités virgule et devrait avoir le même nombre de valeurs que le paramètre de données.

Step 3: Define the size of the chart in pixel Étape 3: Définir la taille de la carte en pixel

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 Le format est simple chs=<width in pixels>x<height in pixels> si nous voulons avoir une carte 250X100, nous avons mis comme ceci: chs = 250X100

Step 4: Put the parameters together Étape 4: Mettez les paramètres en même temps

Append the parameters to the main URL: Ajoutez les paramètres de l'URL principale: http://chart.apis.google.com/chart?

+ parameter from step 1 + “&” + parameter from step 2 + “&” parameter from step 3 + Paramètre à partir de l'étape 1 + "&" + paramètre à partir de l'étape 2 + "&" paramètre de l'étape 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: Notez que l'ordre des paramètres pour les services web n'est pas important aussi longtemps que vous les séparer avec le caractère esperluette "&". Voir l'exemple ci-dessous:

http://chart.apis.google.com/chart?cht=p3&chd=t:40,30,20,10&chs=250×100&chl=BrandX|BrandY|BrandZ|BrandA http://chart.apis.google.com/chart?cht=p3&chd=t:40, 30,20,10 & chs = 250 × 100 = & CHL BrandX | Brandy | BrandZ | Branda

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. Il est clair que les utilisateurs peuvent facilement créer des cartes dynamiques en utilisant l'API Google Chart. Ceci est idéal pour les utilisateurs qui ne veulent pas acheter de cartographie complexe des solutions pour leurs projets web.

Ben Carigtan shows you how it’s done. Ben Carigtan vous montre comment c'est fait.

Enjoyed this post? Bénéficié de ce poste? Subscribe to Online Tech Tips via Abonnez-vous aux Conseils techniques en ligne via RSS Feed Flux RSS or via ou via Email Courrier électronique and receive free daily productivity tips. et recevoir gratuitement des conseils productivité quotidienne.

» Filed Under »Classé dans Google Software/Tips Le logiciel Google / Conseils

Ajouter à Delicious Save this page Enregistrer cette page MIXX il Stir it up on Mixx Remuez-le sur MIXX
Reddit Add to Reddit Ajouter sur Scoopeo StumbleUpon Stumble this page Stumble cette page

Related Posts Postes liés à

Please post your comments/suggestions! S'il vous plaît poster vos commentaires / suggestions!