jQuery Flot xaxis时间格式

时间:2012-05-10 07:36:22

标签: javascript jquery time flot time-format

我正在为我的图表使用jQuery Plot。我有一个列表,其中包含一些来自数据库的时间戳和值。

我想将我的时间戳转换为H:i:s格式。 结果从10-05-2012 08:57:45到10-05-2012 09:03:40。

var rx = [[1336633065,  152], [1336633071,  152], [1336633076,  152], [1336633080,  153], [1336633086,  152], [1336633090,  152], [1336633095,  152], [1336633100,  152], [1336633105,  152], [1336633110,  150], [1336633115,  150], [1336633120,  152], [1336633125,  152], [1336633130,  150], [1336633135,  149], [1336633140,  153], [1336633145,  149], [1336633150,  152], [1336633155,  149], [1336633161,  149], [1336633165,  152], [1336633170,  152], [1336633175,  151], [1336633180,  150], [1336633185,  149], [1336633190,  151], [1336633195,  152], [1336633201,  152], [1336633205,  149], [1336633210,  151], [1336633215,  149], [1336633220,  151], [1336633225,  152], [1336633230,  149], [1336633235,  151], [1336633240,  152], [1336633245,  149], [1336633250,  152], [1336633255,  150], [1336633260,  152], [1336633265,  152], [1336633270,  149], [1336633275,  152], [1336633280,  150], [1336633285,  152], [1336633290,  149], [1336633295,  152], [1336633300,  149], [1336633305,  152], [1336633310,  150], [1336633315,  152], [1336633321,  149], [1336633325,  149], [1336633330,  152], [1336633335,  150], [1336633340,  152], [1336633345,  149], [1336633350,  152], [1336633355,  149], [1336633360,  149], [1336633365,  150], [1336633370,  152], [1336633375,  150], [1336633380,  152], [1336633385,  150], [1336633390,  150], [1336633395,  152], [1336633400,  150], [1336633405,  152], [1336633410,  152], [1336633415,  149], [1336633420,  152]];

当我使用这个选项时,我的xaxis是空的......我怎么了????????:

var options = {
  legend: { show: false },
  series: {
    lines: { show: true, shadowSize: 1 },
    points: { show: false }
  },
  yaxis: { ticks: 10 },
  xaxis: { mode: "time", timeformat: "%H:%M:%S"
  },
  selection: { mode: "x" }
};

当我使用这个选项时,我会在我的xaxis中获取时间戳...但对于阅读此图表的用户来说,这不是很清楚:

var options = {
  legend: { show: false },
  series: {
    lines: { show: true, shadowSize: 1 },
    points: { show: false }
  },
  yaxis: { ticks: 10 },
  selection: { mode: "x" }
};

有人可以帮我吗?如何在xaxis中将时间戳转换为小时:分钟:秒格式?

2 个答案:

答案 0 :(得分:17)

Flot使用JavaScript时间戳,以毫秒而不是通常的秒数表示。所以你需要将你的时间戳乘以一千。

答案 1 :(得分:0)

flot无法识别所提及的时间格式。请使用%y/%m/%d