<div id="demodiv"></div>
</div>
</div>
-
+
<script type="text/javascript">
g = new Dygraph(
customBars: true,
title: 'NYC vs. SF',
ylabel: 'Temperature (F)',
- legend: 'always',
+ legend: 'always'
}
);
</script>
<li><strong>Interactive out of the box</strong>: zoom, pan and mouseover are on by default.
<li>Strong support for <strong>error bars</strong> / confidence intervals.
<li><strong>Highly customizable</strong>: using options and custom callbacks, you can make dygraphs do almost anything.
- <li>dygraphs is <strong>highly compatible</strong>: it works in all major browsers (including IE8). You can even <strong>pinch to zoom</strong> on mobile/tablet devices!
+ <li>dygraphs is works in all recent browsers. You can even <strong>pinch to zoom</strong> on mobile/tablet devices!
<li>There's an <strong>active community</strong> developing and supporting dygraphs.</li>
</ul>
<p>Start by <a href="download.html">downloading dygraphs</a>. Then read the <a href="tutorial.html">Tutorial</a> to learn how to use it, or just <a href="http://dygraphs.com/fiddle">play with dygraphs</a> on jsFiddle.</p>
<p>Once you've got your feet wet, look for inspiration in the <a href="gallery/">demo gallery</a> or check out our <a href="users.html">list of users</a>.</p>
+
+ <p>If you're using npm and a bundler like webpack, browserify or rollup, you can install dygraphs via:</p>
+
+ <pre>npm install --save dygraphs</pre>
+
+ and use it via:
+
+ <pre class="prettyprint">import Dygraph from 'dygraphs';
+// or: const Dygraph = require('dygraphs');
+const g = new Dygraph(div, data, {});</pre>
+
+ <p>Check out the <a href="https://github.com/danvk/dygraphs-es6">dygraphs ES6 sample project</a> for more details on this approach.</p>
</div>
<div class="col-lg-4">
</div>
</div>
-
+
<!--#include virtual="footer.html" -->