The dygraphs JavaScript library produces interactive, zoomable charts of time series:
Learn more about it at dygraphs.com.
Get help with dygraphs on Stack Overflow (preferred) and Google Groups.
<html>
<head>
<script type="text/javascript" src="dygraph.js"></script>
<link rel="stylesheet" type="text/css" href="dygraph.css" />
</head>
<body>
<div id="graphdiv"></div>
<script type="text/javascript"><!--//--><![CDATA[//><!--
Dygraph.onDOMready(function onDOMready() { // or jQuery $() etc.
g = new Dygraph(
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 reading the tutorial and seeing demonstrations of what
dygraphs can do in the gallery. You can get dygraph.js and dygraph.css
from UNPKG, cdnjs or from NPM (see below).
Get dygraphs from NPM:
npm install dygraphs
Do not install from the git repository! Always use a tarball install,
which contains the prebuilt files; npm fails to build the source code
on install from github. (The tarball from the GitHub Registry is fine.)
You'll find pre-built JS & CSS files in node_modules/dygraphs/dist/. If you're
using a module bundler like browserify or webpack, you can import dygraphs:
import Dygraph from 'dygraphs';
// or: const Dygraph = require('dygraphs');
const g = new Dygraph('graphdiv', data, { /* options */ });
Check out the dygraphs-es6 repo for a fully-worked example.
To get going, install the following Debian packages…
jqmkshpaxpython3… clone the repo and run:
npm install
npm run build-jsonly
Then open tests/demo.html in your browser.
Read more about the dygraphs development process in the developer guide.
dygraphs is available under the MIT license, included in LICENSE.txt.
v2.2.1 (2023-02-16)
window.smoothPlotter will not be set by extras/smooth-plotter.js any more RSN[] as “no data yet” indicator (#597)Dygraph._require('dygraphs/src/dygraph-utils.js').numberValueFormatter) which makes writing one’s own value formatters easier (as usual, proceed with care, exports with an underscore are internal); see https://dygraphs.com/tests/exported-symbols.html for the exposed surfacedrawCallback when blocked (#953) plus do not redraw unnecessarilyx == -1 (#1002)panEdgeFraction now worksjq is now also required to buildpickDateTickGranularity so overriding dateTicker is easieryAxisLabelWidth optiontests.js source map and make its build reproducible on Debiantests/resizable.html exposes the graph object, for quick F12 in-browser useversions.html and release notes from new top-level CHANGES.mdthis rebinding checkFAQs
dygraphs is a fast, flexible open source JavaScript charting library.
The npm package dygraphs receives a total of 7,999 weekly downloads. As such, dygraphs popularity was classified as popular.
We found that dygraphs demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 5 open source maintainers collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
Ransomware negotiators share how modern cybercriminals operate like corporations, using specialized teams, negotiation tactics, and reputation management.
Security News
PyPI confirms no security flaws were exploited in the Ultralytics supply chain attack and highlights improvements for safer package publishing.
Security News
Research
The Socket Research Team breaks down a malicious wrapper package that uses obfuscation to harvest credentials and exfiltrate sensitive data.