在jQuery Flot显示中使用日期

我试图使用Flot来绘制带有日期的图形。我按照这个字符串的建议： here，但对我来说似乎不起作用。这是我修改过的JavaScript(从另一个问题)：

$(document).ready(function () {

    var d1 = [[1262818800,100],[1262732400,[1262646000,100]]; 

    var d2 = [[1262818800,23],23]];

    $.plot($("#placeholder"),[{data:d1,lines:{show: true},label:"Mountain"},{data:d2,label:"Valley"}],{yaxis: {label:"cm"}},{xaxis: 
      {mode:"time",timeformat: "%M:%s"
 }
    });

});

我得到一个图形，但它不会将x轴转换为日期，x轴上的值甚至与数据变量中的数据不一致。我甚至尝试将每个数据点乘以1000，以转换为Javascript时间戳，但这也没有帮助。我也尝试过以下timeformat变量，以防出现问题：

"%M:%s","%H:%s","%y,%m,%d"

但没有运气。有任何想法吗？

解决方法

您应该乘以1000，并使用：

xaxis: {
      mode: "time"
  }

我这样测试
如果需要，我可以发布完整的代码。

这是一个关于使用乐趣来衡量我宝宝体重和体重的一点意大利文章：

> http://www.bits4beats.it/sviluppo-web/controllare-il-peso-del-bimbo-tramite-html-e-jquery/

项目代码可从here下载。

解压缩并打开文件peso_giulia.html。在这里可以找到d3系列。

您可以更换线

,[(new Date("2009/12/29")).getTime(),67]

与时间戳版本

,[(1282688250 * 1000),100]

原文地址：https://www.jb51.cc/jquery/181970.html