915668 - Legend obscures data points on small screens

Status: RESOLVED WONTFIX

(Socorro :: Webapp, task)

Description

[Brandon Savage [:brandon]]

Attachment: Screen Shot 2013-09-12 at 10.04.00 AM.png

The new legend on the dashboard can obscure data points for smaller screens. See attached screenshot.

Comment 1

[Peter Bengtsson [:peterbe]]

Good point. What do you suggest we do to solve it?

Comment 2

[Brandon Savage [:brandon]]

Is there a way to push the legend or pad the legend so that it's always above the data points? Maybe increase the scale so there's always a decent amount of distance for the legend?

Comment 3

[Peter Bengtsson [:peterbe]]

Let's not assign this to me until we know what we want to do. If it's even a problem. 
I'm inclined to say that it's the nature of graphs with legends that sometimes the legend is in the way of the graph.

Comment 4

[Peter Bengtsson [:peterbe]]

I really don't think there's an nice solution to this. 
First of all, the graph is there to give you a visual "feel" of the state of versions. You can't hover over any points to get specific numbers at specific points. Even less, you can't click on a specific points for a special report. 

The way the legend behaves is, IMHO, very nice. It's tiny, tucked away and uses transparency so you can see any graph lines underneath it.

Comment 5

[Lonnen :lonnen]

Just move the legend external to the graph. Check the documentation for flot, it's as easy as providing a DOM element for it. https://github.com/flot/flot/blob/master/API.md#customizing-the-legend