javascript - Flotr x 轴日期/时间

Question

我在我的应用程序中使用 flotr，我需要一些简单的方法来在 x 轴上显示日期。我知道 flotr 可以通过

在 x 轴上显示时间

'xaxis' : {'mode' : 'time', 'min' => '??', 'max' => '??', 'timeFormat' => '??', 'noTicks' => 10}

但是日期呢？无论如何，我也不能让时间 x 轴工作，所以任何时间 x 轴的真实例子也将不胜感激。

Answer 1

只需将您的数据添加为 [ timestamp , value ]，时间戳以毫秒为单位。然后使用选项“tickFormatter”来实现您自己的格式化功能。

首先实现你的格式化函数:

function myDateFormater(inputTimeStamp) {
mydate = new Date();
mydate.setTime(inputTimeStamp);
// Return your formated date as you like.
return formatedDate ..
}

然后将此函数设置为 x 轴刻度的格式化程序。

xaxis: {
  ...
  tickFormatter: myDateFormater, // => fn: number -> string
  ...
}