Add a way to navigate to older data from the web interface

[DeflateAwning]

It would be great if there was a way to look at older data in the system by using a sort of horizontal scroll bar to change the timeframe. What complexity is involved in adding something like that?

[fazalmajid]

Actually you can scroll to the left of the date range (at least I can on my iPad), but the code to refresh it isn’t working. I’ll see what the issue is.

[DeflateAwning]

Wondering if there are any updates on this issue? Thanks!

[fazalmajid]

Unfortunately I don't have any free time to spend on this at the moment, maybe in a couple of weeks.

You could try temporarily starting pingwatch with a longer display time range, e.g. pingwatch -display 14400h (600 days) then zoom in on the region of interest

[fazalmajid]

OK, so it doesn't seem like there is a Dygraphs callback for when you pan outside the range, which makes what I described above hard (or at least would require a deep-dive in Dygraph's JS code, which is more effort than I am prepared to expend).

Instead I turned on Dygraph's awesome range selector widget. What it does is show you a 40 pixel high strip under the main chart, that shows you the average ping time across all hosts. You have selection handles that allow you to zoom in to whatever time range you want, and also you can slide that range around. It's much more intuitive than navigating blind, and you can also visually see periods of instability in the range selector and zoom in on them.

[DeflateAwning]

This is great! Seems like it solves the problem relatively well, albeit with questionable performance sometimes (which is totally fine). My only thought is that I wonder if there's a way to show the timeouts on the time slider as well.

I'm imagining ideally red lines like this to show -100 values (i.e. timeouts). See example below.

[DeflateAwning]

Also, it looks like the click-and-drag-to-select is turned off entirely. Having it on still, especially for the y-axis, would be great!