مخططات الفراغ فارغة؟

Question

أنا أقوم بتشغيل التعليمات البرمجية أدناه والحصول على مخطط فارغ باستخدام Flot / JQuery. من الناحية المثالية ما أنا بعد هو مخطط بار للبيانات. لقد بحثت ونظرت إلى هذا دون فرحة - هل لدى أي شخص أي أفكار؟

<div id="user_breakdown_placeholder" style="width:300px;height:300px"></div>

<script>
    $(function () {
        var d = [["Unassigned", 310],["Maynard Schumm", 274]];
            var options = {};
        $.plot($("#user_breakdown_placeholder"), d, options);
    });

</script>

Answer 1

الإصدار الحالي من Flot (v 0.6) يدعم مخططات الشريط. هنا هو مثال. وبعد في وظيفة المؤامرة الخاصة بك ()، عليك فقط وضع:

bars: { show: true}

Answer 2

سؤال قديم ولكن لا أعتقد أنه تم الرد عليه. وفقا لتوثيق Flot API:

لاحظ أنه لتبسيط المنطق الداخلي في Flot كل من القيم x و y يجب أن تكون أرقاما ... إذا كنت تحصل على أخطاء غامضة، فحسب، فهذا تأكد من إدخال أرقام الأرقام وليس السلاسل.

إذا كانت الحالة المذكورة أعلاه تستخدم السلاسل في بياناتك (على سبيل المثال ["Unassigned"، 310]) والتي لن تعمل وفقا للمستندات.

Answer 3

يمكنك القيام بذلك ولكنك تحتاج فقط إلى مزيفة بياناتك قليلا.

$(function () {
    var data = [[0, 310],[1,274]];
    var datasets = [ {
                 "data": data
                     }, 
                   ];
    var options = {
                   bars: {show: true},
                   yaxis: { min: 0 },
                   xaxis: { ticks:  [
                                     [0.5, "Unassigned"],
                                     [1.5, "Maynard Schumm"]
                                    ],
                          },
                  };
   $.plot($("#user_breakdown_placeholder"), datasets, options);
});

------>

من المفترض أنه يمكنك تعديل بياناتك بشكل مناسب قبل تمريرها إلى Flot.

هناك الكثير من الأمثلة الكبيرة للاستخدامات الحقيقية في flotusage.. وبعد على سبيل المثال فيدورا لدينا بعض الرسوم البيانية بار لطيفة. الشيء العظيم هو لأنه جافا سكريبت يمكنك عرض أفكار المصدر والسرير من أي شخص :)

Answer 4

كما يقول نيل ميدلتون في تعليقه، فلوت لا يدعم المخططات الشريطية.

ربما هذه أو هذه البرنامج المساعد يمكن أن تساعدك؟