Getting the details right in an interactive line graph
blog.heapanalytics.com
blog.heapanalytics.com
http://bl.ocks.org/mbostock/8027835
Generally I like google finance's approach of showing mouse over data. Static legend, with everything displayed in one row so it doesn't take up too much horizontal space.
https://www.google.com/finance?q=INDEXDJX%3A.DJI&ei=DfOxUpCA...
But I do agree that one way to improve this is to make the key static, moved off to the side so that it does not obfuscate the graph.