Rickshaw.Graph.Axis.Time分辨率

Question

目前，我正试图根据虚拟数据编写一个实时图表。我的问题是我的图的分辨率对我来说太大了。我的timeUnit是一个小时，但我得到的范围是16个小时，我现在不需要在相同的图表中看到。例如，图形从00:00开始，结束于16:00。我想要这样的决议: 00:00，00:05，00:10，00:15等等.(每5分钟勾一次)。我试着使用timeunit=minute，但我仍然得到了相同的范围，现在被划分为更多的点。

这是我的x轴代码：

var time = new Rickshaw.Fixtures.Time();
var hours = time.unit('hour');
var xAxis = new Rickshaw.Graph.Axis.Time( {
  graph: graph,
  ticksTreatment: ticksTreatment,
  timeUnit: hours,
  timeFixture: new Rickshaw.Fixtures.Time()
} );

Answer 1

你可以试试这个：

var unit = {}
unit.formatTime = function(d) {
  return d.toUTCString().match(/(\d+:\d+):/)[1];
};
unit.formatter = function(d) { return this.formatTime(d)};
unit.name = "5 minute";
unit.seconds = 300;
var xAxis = new Rickshaw.Graph.Axis.Time({
  graph: graph,
  timeUnit:unit,
  ticksTreatment: ticksTreatment,
  timeFixture: new Rickshaw.Fixtures.Time.Local()
});