Я запускаю приведенный ниже код и получаю пустую диаграмму с помощью 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>
Текущая версия flot (v. 0.6) поддерживает гистограммы. Вот пример. В вашей функции plot () вам просто нужно указать:
bars: { show: true}
Старый вопрос, но я не думаю, что на него ответили. Согласно документации Flot API:
Обратите внимание, что для упрощения внутренней логики во Flot значения x и y должны быть числами ... Если вы получаете загадочные ошибки, дважды проверьте, вводите ли вы числа, а не строки.
Если в приведенном выше случае вы используете строки в своих данных (например, ["Unassigned", 310]), которые не будут работать в соответствии с документами.
Вы можете это сделать, но вам просто нужно немного подделать свои данные.
$(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, вы можете просматривать исходные тексты и идеи для шпаргалки от кого угодно :)
Как говорит Нил Миддлтон в своем комментарии, Flot не поддерживает гистограммы.
Возможно, this или этот плагин может вам помочь?
