在jQuery Flot显示中使用日期

Question

我正在尝试使用Flot绘制带有日期的图表.我已经按照这个字符串的建议:这里但它似乎对我不起作用.这是我修改过的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时间戳,但这也无济于事.我还尝试了以下timeformat变量,以防出现问题:

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

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

Answer 1

你应该乘以1000并使用:

xaxis: {
      mode: "time"
  }

我测试过这种方式.如果需要,我可以发布完整的代码.

这是一篇关于使用flot来衡量宝宝身高和体重的小意大利帖子:

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

项目代码可从此处下载.

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

你可以更换线路

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

时间戳版本

,[(1282688250 * 1000), 100]