الرسم البياني Rickshaw.js مع إضافة محور ajax/jsonp

Question

أنا جديد على javascript jQuery وJSON وأبدأ مشروعًا حيث أرغب في عمل بعض الرسوم البيانية في المتصفح.من خلال البحث في البرامج التعليمية والأمثلة، أرغب في إنشاء رسم بياني يحتوي على بعض البيانات التي تم جمعها باستخدام JSON ثم العمل مع الرسم البياني كما هو موضح في أمثلة (إضافة محاور...).

لذلك أنا متأكد من أن المشكلة تكمن في إنشاء الرسم البياني باستخدام var ajaxGraph = new Rickshaw.Graph.Ajax لا يُرجع نفس الكائن var graph = new Rickshaw.Graph.ال Rickshaw.Class.create الوظيفة المستخدمة ل var ajaxGraph = new Rickshaw.Graph.Ajax الأمر معقد للغاية بالنسبة لي بحيث لا أستطيع فهم مهاراتي الحالية.هل يمكنني بطريقة ما الحصول على كائن الرسم البياني المناسب من Rickshaw.Graph.Ajax؟أم يجب أن أحاول استخدام JSON بشكل منفصل ثم الاتصال var graph = new Rickshaw.Graph بطريقة ما؟

شكرا على أي تلميحات.

Answer 1

سأفكر بالتأكيد في القيام بأشياء JSON بشكل منفصل، والحصول على البيانات بالتنسيق الصحيح ثم ربط Rickshaw بها.

قد لا يكون القيام بذلك صعبًا كما تعتقد، وسيكون مفيدًا لاحقًا في أعمال مختلفة.إن استخدام تجريد Rickshaw's ajax لا ينقذك حقًا من التعقيد في رأيي.

إليك تسجيلًا رقميًا للشاشة قمت بإنشائه والذي يتناول ما تحتاجه بالضبط: http://tagtree.tv/d3-with-rickshaw-and-angular.قد يكون الأمر أكثر تعقيدًا بعض الشيء لأنه يدمج رسمًا بيانيًا لـ Rickshaw في تطبيق Angularjs، والذي له تحدياته الخاصة.ولكن ما يوضحه لك هو كيفية تحويل البيانات التي تحصل عليها من الخادم إلى التنسيق الصحيح لتقديمها إلى Rickshaw.

يعد الحصول على البيانات من الخادم باستخدام jQuery أمرًا سهلاً للغاية.يمكنك استخدام طرق ajax المختصرة:

http://api.jquery.com/category/ajax/shorthand-methods/

أو حتى التعرف على مكالمة ajax (أعتقد أنه من الأفضل أن تبدأ هنا):

http://api.jquery.com/jQuery.ajax/

بعد ذلك، قم بتدليك البيانات حتى يتمكن Rickshaw من الارتباط بها، أوصي باستخدام شرطة سفلية:

http://underscorejs.org/