Обновление jquery flot с помощью DatePicker из json Stack Overflow

Скрипт возвращается верным json_encode массив из php файла, основанный на выбранном диапазоне выбора даты от — до даты, но только до div #results,

Как я могу использовать это json_encode #results данные для построения jquery flot?

$(function () {
function updateResults() {
// Load response from results.php into #results element
$('#results').load('results.php',
{ // With these parameters
from_date: fromDate.datepicker('getDate').toString(),
to_date: toDate.datepicker('getDate').toString()
});
}

//create a couple of date textboxes
$.datepicker.setDefaults({
dateFormat: 'dd/mm/yy',
defaultDate: '-1w',
changeMonth: true,
changeYear: true,
maxDate: 0,
showButtonPanel: true,
showWeek: true
});

var fromDate = $('#from').datepicker({
onSelect: function () {
var option = this.id == 'from' ? 'minDate' : 'maxDate';
toDate.not(this).datepicker('option', option, $(this).datepicker('getDate'));
updateResults(); // When a new date is selected update the results
}
});

var toDate = $('#to').datepicker({
onSelect: function () {
updateResults(); // When a new date is selected update the results
}
});

//Set the default from and to dates.
fromDate.datepicker('setDate', '-1w');
toDate.datepicker('setDate', '+0');
updateResults(); // Initial call on load
});

1

Решение

load() Функция для загрузки HTML в ваши элементы DOM. Для загрузки данных JSON используйте jQuery.getJSON() функционировать так:

function updateResults() {
$.getJSON('results.php', {
from_date: fromDate.datepicker('getDate').toString(),
to_date: toDate.datepicker('getDate').toString()
}, function(data, status, xhr) {
$.plot('#results', [data], options);
});
}

Это предполагает, что data в правильном формате для флота.

0

Другие решения

проверить, что unix / mysql timedata * 1000 -> flot время по оси x?
Flot нужны данные времени в миллисекундах

0

По вопросам рекламы [email protected]