2011-06-27 73 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