Make charts online using the Google Chart API Сделать карт в сети с помощью карт Google API

Posted on December 1, 2008 at 5:34 am Написал на 1 декабря 2008 года в 5:34 утра

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. Диаграмма Google API представляет собой веб-сервис, который можно подключить, чтобы быстро создавать диаграммы для ваших блогах или сайтах. Поскольку это веб-сервис, вам не придется устанавливать что-либо в вашем веб-сервере. Все что вам нужно это базовое понимание о том, как он работает.

Here is an actual example of a Вот пример фактического chart created using Google Chart API диаграммы, созданные с использованием карт Google API :

You can see that the chart was generated using a simple URL parameter manipulation: Вы можете видеть, что структура была сгенерирована с помощью простых манипуляций параметра 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: Есть по крайней мере 3 параметров (CHT, ИБС и CHL), чтобы установить чтобы иметь возможность создавать диаграммы. Ниже приведены шаги, чтобы сделать эти параметры:

Step 1: Define the Chart Type: cht Шаг 1: Определите тип диаграммы: CHT

First you will need to define what type of chart you want. A listing of all available chart types are located here: Сначала вам нужно будет определить, какой тип диаграммы вы хотите. Списка всех доступных типов диаграмм находятся здесь: 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. В примере, что мы будем создавать, мы будем использовать CHT = Ч3 который пирога схеме. Для других типов карт, как бар или линию диаграммы, просто просмотрите виды диаграмм и поставить в соответствующем CHT параметра.

Step 2: Define the parameter for data and labels: chd and chl Шаг 2: Определить параметр для передачи данных и ярлыки: ИБС и CHL

For example, we want to chart the distribution of each of the four brands below: Например, мы хотим, чтобы структура распределения каждой из четырех брендов ниже:

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 Данных (КГД) параметра будет: 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: Примечание: В примере я решил использовать Кодировка текста. Чтобы использовать другие типы кодирования нажмите на ссылку ниже: http://code.google.com/apis/chart/formats.html

The label parameter (chl) is chl=BrandX,BrandY,BrandZ,BrandA Метка параметра (CHL) является CHL = BrandX, Бренди, BrandZ, Branda

The label parameter values are comma delimited and should have the same number of values as the data parameter. Метка параметра значения запятые и должны иметь одинаковое число значений в качестве параметра данных.

Step 3: Define the size of the chart in pixel Шаг 3: Определить размер диаграммы в пиксель

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 Формат представляет собой простой chs=<width in pixels>x<height in pixels> поэтому если мы хотим иметь 250X100 схему, мы ставим его так: CHS = 250X100

Step 4: Put the parameters together Шаг 4: Положить параметры вместе

Append the parameters to the main URL: Добавить параметры к основному URL: http://chart.apis.google.com/chart?

+ parameter from step 1 + “&” + parameter from step 2 + “&” parameter from step 3 + Параметр с шагом 1 + "И" + параметр с шагом 2 + "И" параметр Шаг 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: Имейте в виду, что порядок параметров в веб-услуг не имеет значения до тех пор, как вы разделите их с Амперсанд "И". См. пример ниже:

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 | Коньяк | 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. Очевидно, что пользователи могут легко создавать динамичные графики с помощью карт Google API. Это идеально подходит для пользователей, которые не хотят покупать сложные диаграммы решений для своих веб-проектов.

Ben Carigtan shows you how it’s done. Бен Carigtan показывает вам, как это сделать.

Enjoyed this post? Понравилась эта должность? Subscribe to Online Tech Tips via Подписка на Интернет Технология Советы через RSS Feed RSS Подача or via или через Email Электронная почта and receive free daily productivity tips. и получите бесплатно ежедневно производительности советы.

» Filed Under », Поданной в соответствии с Google Software/Tips Программное обеспечение Google / Советы

Save this page Сохраните эту страницу	Stir it up on Mixx Обжаренные ее на МИКС
Add to Reddit Добавить на Reddit	Stumble this page Спотыкаться на этой странице