在jQuery Flot显示中使用日期

前端之家收集整理的这篇文章主要介绍了在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.f2er.com/jquery/181970.html

猜你在找的jQuery相关文章