هيلبرنت | Helpernt - قوقل تطرح ادوات لرسم الشارت للمبرمجين

طرحت قوقل ادوات api للمطورين لرسم الشارتات ويتم استخدامها عن طريق وضع المتغير في الرابط وينتج عن ذالك رسم للشارت .
انظر للمثال :

http://chart.apis.google.com/chart?c...hl=Hello|al9da

بامكانك ايضا وضع الصوره الناتجه في الموضوع .. مثال

http://www.traidnt.net/vb/images/img...009/12/724.jpg

تمعن النظر جيدا في الرابط وششاهد المتغيرات ، الناتج من هذا الرابط هو صوره png .
طريقه الاستخدام تتضح في الكود التالي

كود:

http://chart.apis.google.com/chart?<parameter 1>&<parameter 2>&<parameter n>

المقصود بالبارمترات هو البيانات المرسله يعني لو لاحظنا بالرابط السابق سنجد ان البرامتر الاول cht =p3 تعني نوع الشارت يساوي p3 وهو نوع مسمى مسبقا من قوقل ..

أنواع الشارتات الممكن رسمها عن طريق الاداة هي :
Line Chart
Bar Chart
Pie Chart
Venn diagram
Scatter Plot
أما كيفيه استخدامها في بناء المواقع فيتم عن طريق الكود التالي وبامكانك ايضا استخدامها في المنتديات

كود:

<img src=" http://chart.apis.google.com/chart?cht=p3&chd=s:asR&chs=400x150&chl=A|B|C " / >

والطريقه هي وضع الرابط مع بين وسمي ايميج

كود:

                                                    <img src="http://chart.apis.google.com/chart? 



chs=200x125 

&amp;chd=s:helloWorld 

&amp;cht=lc 

&amp;chxt=x,y 

&amp;chxl=0:|Mar|Apr|May|June|July|1:||50+Kb"  

alt="Sample chart" />

هذي طريقه وضعها في ملف html .
استخدام المتغيرات فلو لاحظت الرابط ستجد ان المتغيرات هي التالي :
chs هذا المتغير يعني حجم الشارت بالبكسل .
chd=s: شارت البيانات .
cht نوع الشارت وكما ذكرنا قوقل يوفر اربع انواع .
chxt عناوين العمودين x و y .
chxl اسماء البيانات على العمودين x و y .
& الفاصل بين كل بارميتر وبارميتر .
هذه المتغيرات ضروريه لكل نوع من انواع الشارت وهناك بارمترات اضافيه وهي الالوان المستخدمه والخلفيه .
للأستزاده اكثر حول الاداة من قوقل :

http://code.google.com/apis/chart/

وايضا هذا رابط لشرح طريقه الاستخدام مع asp.net
Google Charts in .NET - CodeProject
الاداة بامكانك استخدامها مع اي لغه برمجه .
مثال .. للشكل السابق لو بستخدمها في رسم الحصص السوقيه مثلن المتوقعه لسوق الاتصلات .
طبعن نسبه الاتصالات 60 بالميه ، موبايلي 30 بالميه ، زين 10 بالميه .
http://www.traidnt.net/vb/images/img...009/12/725.jpg

كود PHP:


		
			
http://chart.apis.google.com/chart?cht=p3&chd=t:10.0,30.0,60.0&chs=350x180&chl=STC|Mopily|ZAIn

مثال ثاني لو فرضنا هذا مسار سهم المجموعه مثل خلال الاشهر الماضيه ..
لاتدققون على الاشهر ( بعضها من راسي )

http://www.traidnt.net/vb/images/imgcache/2009/12/2.com

طبعا التعامل معها سهل جدا http://www.traidnt.net/vb/images/smilies/shiny01.gif http://www.traidnt.net/vb/images/smilies/shiny01.gif

Google Chart Api - قوقل تطرح ادوات لرسم الشارت للمبرمجين