dmn-elex-race-tracker
Chart module for election head-to-head presidential race results line chart.
Install
$ npm install --save dmn-elex-race-tracker
Requirements
This module uses ES6 syntax. To use as a pre-compiled module, you'll need a compiler like babel.
Use
In the client, include the global-chart.js
bundle, which defines a global chart object, RaceTracker
:
To use as a module, simply import the chart object:
;
The chart object has two methods, one to create the chart, initially, and another to update it.
var myChart = ; // create needs a selection string and prefectched datamyChart; // update needs only new datamyChart;
To apply this chart's default styles when using SCSS, simply define the variable $RaceTracker-container
to represent the ID or class of the chart's container(s) and import the _chart-styles.scss
partial.
$RaceTracker-container: '#chart'; @import 'path/to/dmn-elex-race-tracker/src/scss/_chart-styles';
Container dimensions
This chart wants to be in a container at least 240px
tall. It resizes to the width of its container.
Developing
Just run gulp:
$ gulp
Or to minimize javascript before publishing:
$ gulp --production