我试图使用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/
解压缩并打开文件peso_giulia.html。在这里可以找到d3系列。
您可以更换线
,[(new Date("2009/12/29")).getTime(),67]
与时间戳版本
,[(1282688250 * 1000),100]