للإشتراك في خلاصات RSS بموقع بوابتي
مقالات الرأي
آخر  مقالات الراي
مقالات تقنية المعلوماتية
مقالات تقنية المعلومات
إدراجات الفيديوهات
إدراجات الفيديو
إدراجات الصور
ادراجات الصور
 
مواقع تقاسم الفيديو العربية: بدائية وافتقار للابتكار والاحترافية    Qooxdoo: منصة لتطوير تطبيقات الويب الثرية    في أحدث الإحصائيات: اللغة العربية تتقدم في ميدان استعمالات الإنترنت    Incredimail: برنامج "إسرائيلي" للبريد الالكتروني، يثير جدلا    التخزين "أون لاين" .. البديل الأمثل للأقراص الصلبة    بفعل الأزمة العالمية: "قوقل" تعلن عن إيقاف بعض خدماتها    عرض عينات مواقع الواب من خلال روابطها    الفروقات بين ملفات الصور والرسوم    "قوقل" تطرح أيقونات جديدة، وتبحث عن اقتراحات    تحرير المحتويات النشطة بأماكنها عن طريق Jquery   
بعض من المقالات المنشورة
 
المقالات الجديدة  الأكثر قراءة   المقالات الأقدم    
 
تصفح باقي الإدراجات
 
آخر المقالات   

Flot: الرسوم البيانية من خلال مكتبيات jQuery



كاتب المقال   المحرّر: بوابتي


         




كنت قد تحدثت في مقال سابق عن الرسوم البيانية بتطبيقات الويب، وذكرت ساعتها نموذجا لإنتاج الرسوم البيانية وكان عن طريق لغة php.
ولكن الرسوم البيانية بتطبيقات الويب، بالإمكان أيضا إنتاجها باللغات البرمجية الأخرى، إذ يمكن فعل ذلك عن طريق مكونات فلاش، كما يمكن انتاجها عن طرق لغة JavaScript مباشرة أو من خلال المكتبيات (JavaScript framework).
على انه يمكن ذكر فرق جوهري في طرق إنتاج الرسوم على الويب، وهي أن هناك نوعان، أحدها تلك التي تستقي المعطيات جهة المتصفح وهي تلك العاملة بلغة JavaScript، ومنها تلك التي تستقي المعطيات جهة الخادم، وهي تلك العاملة بلغة php عموما، ومن النوع الثاني يمكن ذكر الطريقة التي ذكرتها المرة الفارطة (pChart) أوالطرق التي تستعمل مكونات فلاش والتي ربما سأتحدث عنها في مرات قادمة إن شاء الله.


مشروع Flot لإنتاج الرسوم عن طريق jQuery:



اليوم سأتحدث عن إنتاج الرسوم عن طريق JavaScript وبالتحديد عن طريق مكتبية jQuery، والمعطيات يتم إدخالها جهة المتصفح، ولكن هذا لا يعني انه لا يمكن تمريرها عن طرق معطيات مخزنة على الخادم، اذ يمكن بالطبع تحويل المعطيات من ملفات نصية او من قاعدة بيانات لمعطيات بدالات jQuery، وذلك عن طريق اي لغة جهة الخادم ك: php او asp مثلا.

المشروع اسمه Flot، وهو من المشاريع مفتوحة المصدر وهو متبنى من طرف قوقل حيث هو مسكن تحت (code.google)، وتقوم فكرة إنتاج الرسوم على استغلال وسم canvas، الذي يتم التعرف عليه بالمتصفحات التالية:
Firefox 2.x +
Safari 3.0+
Opera 9.5+
Konqueror 4.x+

بالنسبة لمتصفح انترنت اكسبلورر، فإنه للأسف لا يتعرف جيدا على الوسم canvas، ولذلك يتم محاكاة هذا الوسم خصيصا لهذا المتصفح من خلال دالة JavaScript في شكل ملف يتم إدراجه في رأس الصفحة التي تحمل الرسم، وذلك لحل هذه المشكلة.

ويرتكز عمل الرسوم عن طريق Flot، في استغلال دوال jQuery، ولذلك يتم ادراج ملف JavaScript الذي يؤشر لمكتبية jQuery في أول الملف المعني بإظهار الرسوم، ثم بعد ذلك يتم ادراج عنصر احتواء div، وهو الذي سيتم انتناج الرسم خلالهـا، ثم ياتي بعد ذلك دور دالة jQuery ($.plot) حينما ينتهي شحن الصفحة، حيث يتم الرسم، وتحتوي دالة ($.plot) على ثلاث عناصر: عنصر الإحتواء، ثم المعطيات ثم الخيارات وهي التي تتيح تبديل أنواع الرسوم.

وتتيح مكتبيات Flot عمليات كثيرة إضافة لعمليات الرسم في حد ذاتها، حيث بالإمكان القيام بعمليات التحديد، ثم التكبير والتصغير.

ترون هنا رسوما حقيقية باستعمال مكتبيات Flot، وهي من الأمثلة المستقات من صفحة المشروع




الروابط:



للمزيد حول مشروع Flot

المقال السابق حول الرسوم البيانية عن طريق pChart








 اضغط على الكلمات المفتاحية التالية، للإطلاع على المقالات الأخرى المتعلقة:

Flot، jQuery، JavaScript framework، مكتبية جافاسكريبت، JavaScript، pChart، canvas، رسوم بيانية،

 يسمح بالنقل، بشرط ذكر موقع "بوابتي" مصدر المقال، ويفضّل أن يكون ذلك في شكل رابط
 
تاريخ نشر المقال بموقع بوابتي 15-12-2008  

تقاسم المقال مع اصدقائك، أو ضعه على موقعك
لوضع رابط لهذا المقال على موقعك أو بمنتدى، قم بنسخ محتوى الحقل الذي بالأسفل، ثم ألصقه
رابط المقال

 
لإعلام أحدهم بهذا المقال، قم بإدخال بريده الإلكتروني و اسمك، ثم اضغط للإرسال
البريد الإلكتروني
اسمك

شارك برأيك
لوحة مفاتيح عربية بوابتي
     
*    الإسم
لن يقع إظهاره للعموم
     البريد الإلكتروني
  عنوان المداخلة
*

   المداخلة

*    حقول واجبة الإدخال
 
كم يبلغ مجموع العددين؟
العدد الثاني
العدد الأول
 * أدخل مجموع العددين
 
 
 
الردود على المقال أعلاه مرتبة نزولا حسب ظهورها  articles d'actualités en tunisie et au monde
أي رد لا يمثل إلا رأي قائله, ولا يلزم موقع بوابتي في شيئ
 

  18-12-2008 / 20:15:41   tunisien


merci beaucoup
 
 
 آخر الردود المنشورة بالموقع
باب تقنية المعلوماتية
باب الفيديوهات
اة لو كلنا نستوعب هذه الكلمات ما اصبحنا بهذا المنظر ((خائفين على الدنيا))...>>

أنا دخت عشان النشيد دا نفسي الاقيه وتقريبا هو دا اللي بدور عليه نفس اللي انا عاوزاه ف العنوان وبشغل مش راضي يشتغل ابدااااااااا ..... فين النشيد :( انت...>>

كلي بقلي انو انا صوتي حلو بس نفسي اشارك بطيور الجنة بليز نفسي اشارك
ردو علي بليز
انا عمري 12 سنة...>>


كلي بقلي انو انا صوتي حلو بس نفسي اشارك بطيور الجنة بليز نفسي اشارك
ردو علي بليز...>>


بارك الله فيكم نرجو اضافة اناشيد عن بلاد الشام...>>

مرحبا ياحلى قناه في العالم ممكن تذبت لقبي كوكو...>>

بالله عليكم انتو بدل ماتنادو الناس الى نبذ الطائفية والعدوانية والتوحيد بين المسلمين تزرعون البغض بينهم والقتل الله اكبر على كل واحد يحاول زرع الفتنة ...>>

الله ينور عليكي...>>

اقول كلمة في هدا الايام انتشر الفساد ضاع الشباب بسب اختفاء الايمان واقول اخر كلمة وزالموت يلحق بنا الوعد الوعد القيامة...>>

اني من الوطن العربي عمري 12 سنة اني بنت بس داخلة باسم ولد اتمنى الحرية تتحقق بالوطن العربي في سوريا والعراق و كل دولة بالوطن العربي اني اتمنى اتعرف عل...>>

باب المقالات
انا باحث في صدد عمل رسالة حول : حول المنشآت المائية الرومانية ببلاد المغرب القديم
اتمنى مساعدتي بكتب ومراجع
دمتم طيبين...>>


ههههههههه ههههههههعع اكيد كلام نساء تحاولون تشويه المغربيات من شدة غيرتكم وغيضكم منهم لانهن يتفوقن كتيرا عنكم في المعاملة مع الرجل ولانهم جميلات العقل...>>

هو الموضوع اغتيال جذور الاسلام فهم يعلمون ان الطفله التي تتغذي علي العفه

تفسد مخطاطتهم وتنبت نبات حسنا فطفله اليوم هي سيده الغد واج...>>


انا محتاج اعرف الفرق بين التربية الاجتماعية والتربية المجتمعية...>>

... و لذلك الديمقراطيۃ التونسيۃ تجمع حولها قوی كثيرۃ من أعداء الشعوب و الثورات , من أجل الحريۃ و الك...>>

أعتقد أن جلنا يلتقي علی أن الإرهاب كفكرۃ محاربۃ و مجموعات لم ينشأ من عمق شعبي ناقم علی المجتمع و يريد التخلص م...>>

أظن أن إستدعاء الخادمي للمفتي للإدلاء برأيه بخصوص تقرير لجنة الحريات هو من قبيل تحميل كل مسؤول مسؤوليته وإلا فالخادمي يعلم جيدا وهو الذي انخرط بالحكم ...>>

الى ياسين

يمكنك كذلك اخذ الرابط مباشرة من اعلى متصفحك...>>


السيد ياسين، رابط المقال كما هو مبين في اول الصفحة يمكنك الضغط بحيث تجد الرابط

http://www.myportail.com/actualites-news-web-2-0.php?id=...>>


اريد رابط المقال كي اضعه كمرجع في مذكرتي و شكرا لكم...>>

صــدى خيانة {الصادق باي} بعد توقيع معاهد باردو (1881)
ــــــــــــــــــــــــــــــــــــــــــ
الباي باع الوطن بيع الشوم ... باعث علين...>>


تطوان كبيرة علي مخططاتهم الصغيرة
المغرب / مصطفى منيغ
الشجرة معروف صنفها محسوبة جذورها وحتى أوراقها المُجمَّعة ، المثبَّتة في سجلات تاريخ...>>



وقع تصميم الموقع وتطويره من قبل ف.م. سوفت تونس

تحميل برامج مجانية