Create visual monitor, X Axes are illegible for smaller time values

[Jon-AtAWS]

See the image. This is a 5-minute monitor. The axes should adjust to every 10 seconds or something, otherwise the times run into one another

[dbbaughe]

Some notes around this problem:

We are using react-vis since Kibana has this as a dependency. There is a related open issue here.

Currently the library itself is dynamically figuring out how many ticks and what format to show them in. Some possible solutions: a) Add an angle to the ticks so they don't look like they are almost overlapping b) Limit the # of ticks that are shown to a static number c) Do our own dynamic calculations on how many ticks to show based on the length of each tick and the width of the browser viewport

Will assign to Steve to get his opinions and see what he wants to proceed with.