طرحت قوقل ادوات api للمطورين لرسم الشارتات ويتم استخدامها عن طريق وضع المتغير في الرابط وينتج عن ذالك رسم للشارت .
انظر للمثال :
http://chart.apis.google.com/chart?cht=p3&...chl=Hello|World
تمعن النظر جيدا في الرابط وششاهد المتغيرات ، الناتج من هذا الرابط هو صوره png .
طريقه الاستخدام تتضح في الكود التالي :
http://chart.apis.google.com/chart?<parameter 1>&<parameter 2>&<parameter n>
أنواع الشارتات الممكن رسمها عن طريق الاداة هي :
- 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 " / >
استخدام المتغيرات فلو لاحظت الرابط ستجد ان المتغيرات هي التالي :
- chs هذا المتغير يعني حجم الشارت بالبكسل .
- chd=s: شارت البيانات .
- cht نوع الشارت وكما ذكرنا قوقل يوفر اربع انواع .
- chxt عناوين العمودين x و y .
- chxl اسماء البيانات على العمودين x و y .
- & الفاصل بين كل بارميتر وبارميتر .
- هذه المتغيرات ضروريه لكل نوع من انواع الشارت وهناك بارمترات اضافيه وهي الالوان المستخدمه والخلفيه .
طريقه اضافتها في ملف html
<img src="http://chart.apis.google.com/chart? chs=200x125 &chd=s:helloWorld &cht=lc &chxt=x,y &chxl=0:|Mar|Apr|May|June|July|1:||50+Kb" alt="Sample chart" />
للأستزاده اكثر حول الاداة من قوقل :
http://code.google.com/apis/chart/
وايضا هذا رابط لشرح طريقه الاستخدام مع asp.net
http://www.codeproject.com/KB/web-image/GooglePieChart.aspx
الاداة بامكانك استخدامها مع اي لغه .
http://chart.apis.google.com/chart?cht=p3&...lo|World|StUd_c
http://chart.apis.google.com/chart?cht=p3&...chl=php|asp.net
بالمناسبه بالامكان استخدامها مع اي منتدى عبر وضع الرابط ضمن وسمي ايمج لكن هنا في منتدى الفريق العربي يمنع وضع رابط لصفحه ديناميكيه ولذالك لم اضع المثال الاعن طريق الرابط .
