Пустые карты флота?

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

Текущая версия флота (v.0.6) поддерживает гистограммы.Вот пример.В вашей функцииplot() вам просто нужно поставить:

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.

На сайте есть много замечательных примеров реального использования. Использование флота.например Федора есть несколько хороших гистограмм.Самое замечательное то, что это JavaScript, вы можете просматривать исходники и записывать идеи от кого угодно :)

Answer 4

Как говорит в своем комментарии Нил Миддлтон, Flot не поддерживает гистограммы.

Возможно этот или этот плагин может вам помочь?