16

我正在尝试使用 Flot 绘制带有日期的图表。我已经遵循了关于这个字符串的建议：here，但它似乎对我不起作用。这是我修改后的 JavaScript（来自另一个问题）：

$(document).ready(function () {

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

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

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

});

我得到一个图表，但它不会将 x 轴转换为日期，并且 x 轴上的值甚至与我在数据变量中得到的值不一致。我什至尝试将每个数据点乘以 1000 以转换为 Javascript 时间戳，但这也无济于事。我还尝试了以下时间格式变量，以防出现问题：

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

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

4

1 回答 1

28

您应该乘以 1000 并使用：

xaxis: {
      mode: "time"
  }

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

这是一篇关于使用 flot 测量我宝宝的身高和体重的小意大利帖子：

项目代码可从此处下载。

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

你可以换行

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

带有时间戳版本

,[(1282688250 * 1000), 100]
于 2010-08-24T22:27:18.370 回答