مخططات JavaScript - إضافة نقاط البيانات ديناميكيًا

Question

أحاول إضافة نقاط بيانات ديناميكية إلى JQPlot نتيجة لبيانات AJAX ، لكنني لا أرى طريقة لإنجاز ذلك. أليس هذا ممكنا؟

إذا لم يكن الأمر كذلك ، فما هي الحزم الأخرى المتاحة التي يمكن أن تنجز نفس الرسوم البيانية الأساسية بالإضافة إلى السماح بالبيانات الديناميكية؟

Answer 1

قد ترغب في التحقق من المثال أدناه حول كيفية معالجة ذلك تعرقل. Flot هي مكتبة تخطيط مفتوحة المصدر تعتمد على jQuery, ، مثل jqplot. كلا المكتبات متشابهة جدا.

هذه هي الطريقة التي يبدو بها جلب البيانات مع AJAX في الكود:

function fetchData() {
   $.ajax({
      url:      "json_fetch_new_data.php",
      method:   "GET",
      dataType: "json",
      success:  function(series) {
         var data = [ series ];

         $.plot($("#placeholder"), data, options);
      }
   });

   setTimeout(fetchData, 1000);
}

تأكد من التحقق من العرض التوضيحي التالي لرؤيته في العمل:

• أمثلة Flot - تحديث الرسوم البيانية مع Ajax

لمزيد من المعلومات حول Flot:

• موقع مشروع FLOT
• أمثلة تعرّف
• أمثلة أخرى