هيلبرنت
10-16-2015, 01:49 AM
طرحت قوقل ادوات api للمطورين لرسم الشارتات ويتم استخدامها عن طريق وضع المتغير في الرابط وينتج عن ذالك رسم للشارت .
انظر للمثال :
http://chart.apis.google.com/chart?cht=p3&chd=s:hW&chs=250x100&chl=Hello|al9da
بامكانك ايضا وضع الصوره الناتجه في الموضوع .. مثال
http://www.traidnt.net/vb/images/imgcache/2009/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
&chd=s:helloWorld
&cht=lc
&chxt=x,y
&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 (http://www.codeproject.com/KB/web-image/GooglePieChart.aspx)
الاداة بامكانك استخدامها مع اي لغه برمجه .
مثال .. للشكل السابق لو بستخدمها في رسم الحصص السوقيه مثلن المتوقعه لسوق الاتصلات .
طبعن نسبه الاتصالات 60 بالميه ، موبايلي 30 بالميه ، زين 10 بالميه .
http://www.traidnt.net/vb/images/imgcache/2009/12/725.jpg
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.gifhttp://www.traidnt.net/vb/images/smilies/shiny01.gif
Google Chart Api - قوقل تطرح ادوات لرسم الشارت للمبرمجين (http://www.swalif.net/softs/swalif54/softs221389)
انظر للمثال :
http://chart.apis.google.com/chart?cht=p3&chd=s:hW&chs=250x100&chl=Hello|al9da
بامكانك ايضا وضع الصوره الناتجه في الموضوع .. مثال
http://www.traidnt.net/vb/images/imgcache/2009/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
&chd=s:helloWorld
&cht=lc
&chxt=x,y
&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 (http://www.codeproject.com/KB/web-image/GooglePieChart.aspx)
الاداة بامكانك استخدامها مع اي لغه برمجه .
مثال .. للشكل السابق لو بستخدمها في رسم الحصص السوقيه مثلن المتوقعه لسوق الاتصلات .
طبعن نسبه الاتصالات 60 بالميه ، موبايلي 30 بالميه ، زين 10 بالميه .
http://www.traidnt.net/vb/images/imgcache/2009/12/725.jpg
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.gifhttp://www.traidnt.net/vb/images/smilies/shiny01.gif
Google Chart Api - قوقل تطرح ادوات لرسم الشارت للمبرمجين (http://www.swalif.net/softs/swalif54/softs221389)