Я пытаюсь использовать 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 даже не совпадает с тем, что у меня есть в переменных данных. Мы даже пытались умножить каждую точку данных на 1000, чтобы преобразовать метки времени в Javascript, но это тоже не помогло. Я также попробовал следующие переменные формата времени, в случае, если это было проблемой:
"%M:%S", "%H:%S", "%y,%m,%d"
Но не повезло. Есть идеи?
Вы должны умножить на 1000 и использовать:
xaxis: {
mode: "time"
}
Я тестировал таким образом. Я могу опубликовать полный код, если вам нужно.
Это небольшая итальянская заметка об использовании флота для измерения роста и веса моего ребенка:
Код проекта можно загрузить из здесь.
Разархивируйте и откройте файл peso_giulia.html . Здесь вы можете найти серию d3.
Вы можете заменить строку
,[(new Date("2009/12/29")).getTime(),67]
на отметку времени версии
,[(1282688250 * 1000), 100]