Rickshaw.Graph.Axis.Time Resolution
Я пытаюсь написать график в реальном времени на основе фиктивных данных на данный момент. Моя проблема в том, что разрешение для моего графика слишком велико для меня. мой 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()
} );
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()
});