I am trying to write a real time graph based on dummy data for now.
My problem is that the resolution for my graph is to big for me.
my timeunits is hour but I get a range of of 16 hours which I don't need to see right now in the same graph.
for example the graph strat in 00:00 and end in 16:00.
I would like to have a resolution like that:
00:00 00:05 00:10 00:15 and so on....(update every five minute).
I tried to work with timeunit=minute but I still get the same range which is now divided to a more points.
This is my code for x-axis :
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()
} );
and this is my photo of the system:
please help, how to I get the same effect like in cubism.js where I can see data in units of minutes but without divided my long range of 17 hours into minutes but rather divide a range of (current hour -next hour)
I am trying to write a real time graph based on dummy data for now. My problem is that the resolution for my graph is to big for me. my timeunits is hour but I get a range of of 16 hours which I don't need to see right now in the same graph. for example the graph strat in 00:00 and end in 16:00. I would like to have a resolution like that: 00:00 00:05 00:10 00:15 and so on....(update every five minute). I tried to work with timeunit=minute but I still get the same range which is now divided to a more points. This is my code for x-axis : 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() } ); and this is my photo of the system:![image](https://f.cloud.github.com/assets/5408870/1557532/2c523512-4f1f-11e3-83ee-72bde26500df.png)