Dygraphs ADDON Dygraphs is a fast, flexible open source JavaScript charting library.

Features:
  • Handles huge data sets: dygraphs plots millions of points without getting bogged down.
  • Interactive out of the box: zoom, pan and mouseover are on by default.
  • Strong support for error bars / confidence intervals.
  • Highly customizable: using options and custom callbacks, you can make dygraphs do almost anything.
  • dygraphs is works in all recent browsers. You can even pinch to zoom on mobile/tablet devices!
  • There's an active community developing and supporting dygraphs.

Find tutorials, guidelines and more on Dygraph's official documentation

Dygraph Roll

The data is loaded from an external file, this example shows scrollable content area with a fixed zoom state
Daily Temperatures in New York vs. San Francisco
Temperature (F)
NY
SF
0
20
40
60
80
100
Jan 2007
Apr 2007
Jul 2007
Oct 2007
Jan 2008
Apr 2008
Jul 2008
Oct 2008
Jan 2009
Apr 2009
Jul 2009
Oct 2009

Dygraph Timestamp

The example below, uses the same external data as the first graph, however you are able to zoom in by inserting the desired zoom level in the input field located on the bottom left of the graph
Temperature (F)
NY
SF
20
40
60
80
Jan 2007
Apr 2007
Jul 2007
Oct 2007
Jan 2008
Apr 2008
Jul 2008
Oct 2008
Jan 2009
Apr 2009
Jul 2009
Oct 2009