⚠ Please visit the official Dygraphs homepagehttps://dygraphs.com/ instead. You are reading this on a mirror, which may have outdated, incomplete and/or locally patched information, or as part of the Debian package; links may not work.
It allows users to explore and interpret dense data sets. Here's how it works:
g = new Dygraph(div, "ny-vs-sf.txt", { legend: 'always', title: 'NYC vs. SF', showRoller: true, rollPeriod: 14, customBars: true, ylabel: 'Temperature (F)',});The chart isinteractive: you can mouse over to highlight individual values. You can click and drag to zoom. Double-clicking will zoom you back out. Shift-drag will pan. You can change the number and hit enter to adjust the averaging period.
Start bydownloading dygraphs. Then read theTutorial to learn how to use it, or justplay with dygraphs on jsFiddle.
Once you've got your feet wet, look for inspiration in thedemo gallery or check out ourlist of users.
If you're using npm and a bundler like webpack, browserify or rollup, you can install dygraphs via:
npm install --save dygraphsand use it via:
import Dygraph from 'dygraphs';// or: const Dygraph = require('dygraphs');const g = new Dygraph(div, data, {});Check out thedygraphs ES6 sample project for more details on this approach.