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
أما كيفيه استخدامها في بناء المواقع فيتم عن طريق الكود التالي وبامكانك ايضا استخدامها في المنتديات



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


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



كود PHP:
                       <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
http://www.codeproject.com/KB/web-im...ePieChart.aspx
الاداة بامكانك استخدامها مع اي لغه برمجه .
مثال .. للشكل السابق لو بستخدمها في رسم الحصص السوقيه مثلن المتوقعه لسوق الاتصلات .
طبعن نسبه الاتصالات 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 - قوقل تطرح ادوات لرسم الشارت للمبرمجين
Google Chart Api - قوقل تطرح ادوات لرسم الشارت للمبرمجين
Google Chart Api - قوقل تطرح ادوات لرسم الشارت للمبرمجين