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

احصائياتى



الردود
0



المشاهدات
1811



هيلبرنت

.:: رفيق درب ::.



المشاركات
11,551



+التقييم
321



تاريخ التسجيل
Jul 2015



الاقامة
فى الدنيا



نظام التشغيل
windows 8



رقم العضوية
18

10-16-2015, 01:49 AM

المشاركة 1

10-16-2015, 01:49 AM

المشاركة 1

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

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

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

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

تمعن النظر جيدا في الرابط وششاهد المتغيرات ، الناتج من هذا الرابط هو صوره 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 بالميه .

كود PHP:


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

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

طبعا التعامل معها سهل جدا

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