jQuery Flot xaxis时间格式 [英] jQuery Flot xaxis Time Format

问题描述

我正在使用jQuery Plot作为图形.我有一个列表，其中包含一些数据库中的时间戳和值.

I'am using jQuery Plot for my graph. I have a list with some timestamp's and value's from a database.

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

I want to convert my timestamp to H:i:s format. This results are from 10-05-2012 08:57:45 to 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为空.....我怎么办?????:

When i use this options my xaxis is empty..... What do i wrong???????:

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中获得时间戳记...但是对于阅读此图的用户而言，这不是很清楚:

When i use this options i get the timestamps in my xaxis... But this is not very clear for user that read this graph:

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

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

Can someone help me with this? How do i convert time stamp to hour:minute:seconds format in xaxis?

推荐答案

Flot使用JavaScript时间戳，以毫秒而不是通常的秒数表示.因此，您需要将时间戳乘以一千.

Flot uses JavaScript timestamps, which are expressed in milliseconds rather than the usual seconds. So you need to multiply your timestamps by a thousand.

这篇关于jQuery Flot xaxis时间格式的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！