﴿ وَقُل رَّبِّ زِدْنِي عِلْمًا ﴾

And say, "My Lord, increase me in knowledge."

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

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

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

هيلبرنت

.:: رفيق درب ::.
رقم العضوية
18
تاريخ التسجيل
2015-07-27
الإقامة
فى الدنيا
الموقع الالكتروني
هيلبرنت
آخر نشاط
المشاركات
11,551
المعدل اليومي
2.83
مستوى التفاعل
59
قوة السمعه
أوسمة العضو




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

http://chart.apis.google.com/chart?cht=p3&chd=s:hW&chs=250x100&chl=Hello|al9da

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

724.jpg


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



كود
🔒 يجب تسجيل الدخول لمشاهدة محتوى الكود.

​


​

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


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


كود
🔒 يجب تسجيل الدخول لمشاهدة محتوى الكود.



​

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

كود
🔒 يجب تسجيل الدخول لمشاهدة محتوى الكود.

هذي طريقه وضعها في ملف 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 بالميه .
725.jpg




PHP
🔒 يجب تسجيل الدخول لمشاهدة محتوى الكود.


​

مثال ثاني لو فرضنا هذا مسار سهم المجموعه مثل خلال الاشهر الماضيه ..

لاتدققون على الاشهر ( بعضها من راسي )

2.com


طبعا التعامل معها سهل جدا
shiny01.gif
shiny01.gif


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