Dygraphs ES6 import demonstration
JavaScript HTML
Latest commit a45842c Jan 11, 2017 @danvk Depend on 2.0.0 release

README.md

Dygraphs ES6 demonstration

This repo demonstrates how you can use dygraphs with the webpack or rollup module bundlers.

To get going, clone this repo and run:

npm install
./node_modules/.bin/webpack

Then open index.html in a browser. You should see a chart.

Alternatively, you can use rollup to generate the bundle:

./node_modules/.bin/rollup -c

And modify index.html to source main.rollup.js.

How this works

The entry point is index.js:

import Dygraph from 'dygraphs';

// or, if you don't want to use ES6 imports:
// const Dygraph = require('dygraphs');

const g = new Dygraph('graph',
`Date,A,B
2016/01/01,10,20
2016/07/01,20,10
2016/12/31,40,30
`, {
  fillGraph: true
});

Running rollup or webpack generates a bundle which includes the full dygraphs source:

$ ls -lh lib
  411K main.js
  477K main.js.map
  371K main.rollup.js
  666K main.rollup.js.map

Production code

The version of dygraphs that gets built this way is a development version. It includes checks which help you catch errors but which will slow you down in production.

To get the production version, make sure you set NODE_ENV=production and minify your code.