2015-10-03 73 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