Make charts online using the Google Chart API 구글 차트 API를 사용하여 차트를 만들어 온라인

Posted on December 1, 2008 at 5:34 am 12 월 1 일, 2008 게시됨 오전 5:33

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. 구글 차트 API는 웹 서비스를 신속하게 귀하의 블로그 또는 웹사이트에 대한 차트를 생성할에 연결할 수있다. 이후 웹 서비스는, 당신의 웹 서버에 아무것도 설치할 필요가없습니다. 모든 필요에 대한 기본적인 이해하는 방법 그것을 작동합니다.

Here is an actual example of a 이곳의 실제 예제입니다 chart created using Google Chart API 차트 구글 차트 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: (CHD cht에는 적어도 3 파라미터와 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 = p3는 파이 차트를 사용하여 만들 것이라고했다. 표시줄이나 라인 차트와 같은 차트의 다른 유형을 확인하려면, 그냥 차트의 유형을 탐색하고 해당 cht 매개 변수 값을 넣어.

Step 2: Define the parameter for data and labels: chd and chl 2 단계 : 데이터와 레이블에 대한 매개 변수 : 정의 CHD와 chl

For example, we want to chart the distribution of each of the four brands below: 예를 들어, 우리는 아래의 각 4 개 브랜드의 유통 차트를 원하시면 :

BrandX=40 BrandX = 40
BrandY=30 브랜디 = 30
BrandZ=20 BrandZ = 20
BrandA=10 BrandA = 10

The data (chd) parameter will be: chd=t:40,30,20,10 데이터 () 매개 변수가 될 것입니다 CHD : 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: 참고 :이 예제에서는 텍스트 인코딩을 사용하기로 결정했습니다. 아래 링크를 클릭하여 다른 종류의 인코딩을 사용하려면 : http://code.google.com/apis/chart/formats.html

The label parameter (chl) is chl=BrandX,BrandY,BrandZ,BrandA 레이블 매개 변수 (chl) = BrandX, 브랜디, BrandZ, BrandA chl입니다

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. 그것은 동적 차트 구글 차트 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 Mixx에 올려 파문
Add to Reddit reddit에 추가	Stumble this page 이 페이지를 더듬다