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 highly compatible: it works in all major browsers (including IE8). You can even pinch to zoom on mobile/tablet devices!
  • There's an active community developing and supporting dygraphs.

Angular 2 Example

<sa-dygraph [data]="getDemoData()" [options]="{{ '{' }}
    customBars: true,
    title: 'Daily Temperatures in New York vs. San Francisco',
    ylabel: 'Temperature (F)',
    legend: 'always',
    showRangeSelector: true
}" height="300px"></sa-dygraph>

No roll period

No roll (timestamp)

Roll period of 14 timesteps, custom range selector height and plot color.