javascript - Rickshaw.Graph.Axis.Time 分辨率

Question

我现在正在尝试基于虚拟数据编写实时图表。我的问题是我的图表的分辨率对我来说太大了。我timeUnit是一个小时，但我得到的范围是 16 小时，我现在不需要在同一张图中看到。例如，图表从 00:00 开始，到 16:00 结束。我想要这样的分辨率：00:00、00:05、00:10、00:15 等等....（每五分钟打勾）。我尝试使用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()
});