Marking / Highlighting range between two points on graph

Question

I was working with ANTS Performance Profiler for few days and one of the features i liked was the Interactive timeline (attached image from the linked video.),which allows us to interactively select/highlight data between two points using mouse move + drag. (time range in this case.)

I was wondering if something similar exists using jquery/graphs/Html5 ?

simile-widgets timeline seems to be the closest that i can find. But still not there.

What are the ways to implement the same?

Answer 1

Highcharts / Highstock have this kind of zooming / marking feature built in. Have a look at this demo or this one to get an idea. You will need to use their API to drill down to the points you need, but this depends a lot on your needs.