2015-10-03 77 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时间戳是在几秒钟内,而不是像JavaScript需要的微秒(见文档中的here)。乘以千(导致这个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