2015-10-03 3 views
1

Я пытаюсь построить линейный график с использованием временных меток за последние 24 часа (построение данных за каждый интервал в 1 час), чтобы показать уменьшающееся и увеличивающееся значение в флоте. Когда я устанавливаю значения minTickSize, min и max, линия больше не группируется.Временные ряды флота не рисование линии

Полный код (также в этом fiddle):

$(function() { 

    var d = [ 
     [1443903422000, 4994], 
     [1443903429000, 4993], 
     [1443910918000, 4999] 
    ]; 
    var epochT = (new Date).getTime(); // time right now in js epoch 

    $.plot("#placeholder", [d], { 
     xaxis: { 
      mode: "time", 
      timeformat: "%I:%M", 
      minTickSize: [1, "hour"], 
      min: epochT - 2 * 86400000, 
      max: epochT, 
      timezone: "browser", 
     }, 
     series: { 
      lines: { 
       show: true 
      }, 
      points: { 
       show: true 
      }, 
     }, 
     grid: { 
      hoverable: true, 
      clickable: true, 
     }, 
    }); 
}); 

Может кто-нибудь мне точку в правильном направлении к решению этого?

ответ

1

Yout timestamps находится в секундах, а не в микросекундах, таких как JavaScript (см. here в документации). Умножение на тысячу (и смещение значения min, поскольку оно уже отключает график) приводит к этому updated fiddle version.

Изменения в коде:

var d = [[1443903422000,4994], [1443903429000,4993], [1443910918000,4999]]; 

min: epochT - 2*86400000, 
+0

Ах, это похоже, что я связан с неправильным JSFiddle. Я обновил ссылку. Я попытался добавить min/max/minTickSize и безрезультатно. Благодаря! – square

+1

См. Обновленный ответ. – Raidri

+0

Да, вот и все! Я предполагал, что работаю с секундами, а не с микросекундами. Такая глупая ошибка с моей стороны, и спасибо, что указали мне на документацию! Спасибо за вашу помощь! – square

Смежные вопросы