- Notifications
You must be signed in to change notification settings - Fork606
Interactive visualizations of time series using JavaScript and the HTML canvas tag
License
danvk/dygraphs
Folders and files
| Name | Name | Last commit message | Last commit date | |
|---|---|---|---|---|
Repository files navigation
The dygraphs JavaScript library produces interactive, zoomable charts of time series:
Learn more about it atdygraphs.com.
Get help with dygraphs onStack Overflow (preferred) andGoogle Groups.
- Plots time series without using an external server or Flash
- Supportserror bands around data series
- Interactivepan and zoom
- Displays valueson mouseover
- Adjustableaveraging period
- Extensive set ofoptions for customization.
- Compatible with theGoogle Visualization API
<html><head><scripttype="text/javascript"src="dygraph.js"></script><linkrel="stylesheet"type="text/css"href="dygraph.css"/></head><body><divid="graphdiv"></div><scripttype="text/javascript"><!--//--><![CDATA[//><!--Dygraph.onDOMready(functiononDOMready(){// or jQuery $() etc.g=newDygraph(document.getElementById("graphdiv"),// containing div"Date,Temperature\n"+// the data series"2008-05-07,75\n"+"2008-05-08,70\n"+"2008-05-09,80\n",{}// the options);});//--><!]]></script></body></html>
Learn more by readingthe tutorial and seeing demonstrations of whatdygraphs can do in thegallery. You can getdygraph.js anddygraph.cssfromUNPKG,cdnjs orfrom NPM (see below).
Get dygraphs from NPM:
npm install dygraphsDo not install from the git repository! Always use a tarball install,which contains the prebuilt files;npm fails to build the source codeon install from github. (The tarball from the GitHub Registry is fine.)
You'll find pre-built JS & CSS files innode_modules/dygraphs/dist/. If you'reusing a module bundler like browserify or webpack, you can import dygraphs:
importDygraphfrom'dygraphs';// or: const Dygraph = require('dygraphs');constg=newDygraph('graphdiv',data,{/* options */});
Check out thedygraphs-es6 repo for a fully-worked example.
To get going, install the following Debian packages…
jqmkshpaxpython3
… clone the repo and run:
npm installnpm run build-jsonlyThen opentests/demo.html in your browser.
Read more about the dygraphs development process in thedeveloper guide.
dygraphs is available under the MIT license, included inLICENSE.txt.
About
Interactive visualizations of time series using JavaScript and the HTML canvas tag