Использование дат в jQuery Flot display
Я пытаюсь использовать Flot для построения графика с датами. Я следил за советом по этой строке: здесь, но, похоже, это не работает для меня. Вот мой модифицированный JavaScript (из этого другого вопроса):
$(document).ready(function () {
var d1 = [[1262818800,100],[1262732400,100],[1262646000,100]];
var d2 = [[1262818800,23],[1262732400,23],[1262646000,23]];
$.plot($("#placeholder"), [{data:d1,lines:{show: true},label:"Mountain"},{data:d2,lines:{show: true},label:"Valley"}],{yaxis: {label:"cm"}},
{xaxis:
{mode:"time",
timeformat: "%M:%S"
}
});
});
Я получаю график, но он не преобразует ось x в даты, а значения по оси x даже не совпадают с тем, что у меня есть в переменных данных. Я даже попытался умножить каждый datapoint на 1000, чтобы преобразовать в метки времени Javascript, но это тоже не помогло. Я также пробовал следующие переменные timeformat, если это была проблема:
"%M:%S", "%H:%S", "%y,%m,%d"
Но не повезло. Любые идеи?
Ответы
Ответ 1
Вы должны умножить на 1000 и использовать:
xaxis: {
mode: "time"
}
Я протестировал этот путь.
Я могу опубликовать полный код, если вам нужно.
Это небольшая итальянская статья об использовании флота для измерения высоты и веса моего ребенка:
Код проекта можно загрузить из здесь.
Разархивируйте его и откройте файл peso_giulia.html. Здесь вы можете найти серии d3.
Вы можете заменить строку
,[(new Date("2009/12/29")).getTime(),67]
с версией timestamp
,[(1282688250 * 1000), 100]