Last x number of minutes in X axis

• December 2, 2015 at 12:56 am #9634
  
  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!

  December 2, 2015 at 4:29 pm #9636
  
  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.

  December 11, 2015 at 4:07 am #9664
  
  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