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

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) поддерживает гистограммы. Вот пример . В вашей функции 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.

Существует множество замечательных примеров реального использования в FlotUsage . например Fedora есть несколько хороших гистограмм. Самое замечательное, потому что это JavaScript, вы можете просматривать исходные тексты и идеи кроватки от любого:)

Answer 4

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

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