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: يمكنك أن ترى أن الرسم البياني الذي تولد باستخدام عنوان بارامتر تلاعب بسيط :

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 بارامترات (أراضي هضبة شيتاغونغ ، chd وشيلي) لمجموعة لتكون قادرة على توليد الرسم البياني. وهنا خطوات لجعل تلك المعايير :

Step 1: Define the Chart Type: cht الخطوة 1 : تحديد نوع الرسم البياني : أراضي هضبة شيتاغونغ

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. في المثال يمكننا أن نضع ، سوف نستخدم أراضي هضبة شيتاغونغ = P3 الذي هو الرسم البياني. تقديم أنواع أخرى من مثل الخرائط والرسوم البيانية خط أو بار ، فقط تصفح أنواع من الخرائط ووضع في المقابل على قيمة أراضي هضبة شيتاغونغ.

Step 2: Define the parameter for data and labels: chd and chl خطوة 2 : تحديد معلمة للبيانات والعلامات : chd وشيلي

For example, we want to chart the distribution of each of the four brands below: فعلى سبيل المثال ، نحن نريد لرسم التوزيع من كل أربعة من العلامات التجارية أدناه :

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 العلامة بارامتر (شيلي) هي شيلي = 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: إرفاق المعالم الرئيسية لعنوان : http://chart.apis.google.com/chart? 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 = & شيلي 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 الرسم البياني بمقياس معهد البترول الامريكي. وهذا هو المثالي للمستخدمين الذين لا يريدون لشراء مجمع رسم الحلول لمشاريع الإنترنت.

Ben Carigtan shows you how it’s done. بن Carigtan يظهر لك كيف يتم ذلك.

Enjoyed this post? يتمتع هذا المنصب؟ Subscribe to Online Tech Tips via الاشتراك عبر الإنترنت نصائح للتكنولوجيا RSS Feed آر إس إس or via أو عن طريق Email البريد الإلكتروني and receive free daily productivity tips. والحصول على نصائح مجانية يوميا الإنتاجية.

» Filed Under »المقدمة بصورة مشتركة بموجب أحكام Google Software/Tips جوجل البرمجيات / نصائح

Save this page احفظ هذه الصفحة	Stir it up on Mixx اثارة الامر على Mixx
Add to Reddit أضف إلى [بلوجم]	Stumble this page تتعثر هذه الصفحة