Last x number of minutes in X axis

[iggy]

Is there a way to fix the x-axis of a dynamicly updating graph to show, lets say, the last 5 minutes?

Basically, I have a dynamic graph that gets real time data. X axis is time. Once in a while that data stops. Right now I’m aging out old data based on the number of points. However, an issue arises when the data stops flowing for a period of time. Suddenly the there’s a large gap in the center of the graph until old points age out (basically until new points replace all of the old points).

The way I want to work around it is either set it so that the graph always shows last x minutes (dynamically updating that in real time) or manually get the max x value and then subtract x from it and set it to the min value. Are either of these options currently possible?

Thanks!

[Rishabh Rajgarhia]

Hi Iggy,

Yes, you can set the viewportMinimum and viewportMaximum values to display only the last x minutes.
Here is an example jsfiddle where the graph shows only the last 5 minutes.

[iggy]

Thanks! It worked. I didn’t realize it was a 1.8 feature so it took a bit of debugging before I realized that. I had to disable zoom to hide the navigation tool bar on top (had enabled by default) so that the user didn’t know it was zoomed in