Flotr x 轴日期/时间

Question

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

在 x 轴上显示时间

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

但是日期呢？无论如何，我也无法让时间 x 轴工作，因此任何时间 x 轴的真实示例也将不胜感激。

Answer 1

只需将您的数据添加为 [时间戳，值]，时间戳以毫秒为单位。 然后使用选项'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
  ...
}