2011-06-27 70 views
2

我試圖在海軍報顯示日期字段:海軍報簽發日期

數據:

var data = [ 
      [parseInt(1309150800.0)*1000, 220], 
      [parseInt(1309064400.0)*1000, 230], 
    ]; 

海軍報的創建:

$.plot($("#graph"), [ data ], { 
     grid: { 
      hoverable: true 
     }, 
     xaxis: { 
      mode: "time", 
      timeformat: "%d.%m.%y" 
     }, 
     yaxis: { 
      mode: "number", 
      tickSize: 2 
     }, 
     series: { 
      lines: { show: true }, 
      points: { show: true } 
     } 
    }); 

據本網http://tools.semsym.com/index.php?tool=timestamp&timestamp=1309150800時間戳俊26,2011 10:00:00 PM。 但圖表看起來像:http://i.stack.imgur.com/NUayx.png

點是有點關閉。第一個應該在26,但是在25,5。我玩了一些時間戳格式,但無法達到特定的點。

我在想什麼?

此外它顯示「26.06.2011」約6倍。需要什麼配置才能保持1?

+1

你忘記了幾個月的0爲主[索引]? (可能不值得一拍:)) – Val

回答

2

確保設置了minTickSize。這裏是http://jsfiddle.net/hAXHq/的一個例子,我已經將minTickSize設置爲1天,並明確設置最小/最大值。您應該能夠根據您的數據以編程方式設置您自己的最小/最大值。

下面是代碼:

var data = [ 
     [parseInt(1309150800.0)*1000, 220], 
     [parseInt(1309064400.0)*1000, 230] 
    ]; 

    $.plot($("#placeholder"), [ data ], { 
    grid: { 
     hoverable: true 
    }, 
    xaxis: { 
     mode: "time", 
     timeformat: "%d.%m.%y", 
      minTickSize: [1,"day"], 
     min: (new Date(2011,5,25)).getTime(), 
     max: (new Date(2011, 5, 28)).getTime() 
    }, 
    yaxis: { 
     mode: "number", 
     tickSize: 2 
    }, 
    series: { 
     lines: { show: true }, 
     points: { show: true } 
    } 
}); 
+0

這是一個斷開的鏈接 – webXL

+0

對不起,更正了鏈接.. – Harman

+0

minTickSize做了這份工作,謝謝!但即使在你的例子中是我提到的第二個問題。數據點並不完全位於交叉線上。如何解決這個問題的建議? http://puu.sh/38Z1 – dvcrn