dmn-elex-vote-history
Chart module for historical county voting data.
Install
$ npm install --save dmn-elex-vote-history
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, VoteHistory
:
To use as a module, simply import the chart object:
;
The chart object has three methods, one to create the chart, initially, another to update it and a third to resize the chart. Update will also resize the chart when called with data.
var myChart = ; // create needs a selection string and prefectched data and geoDatamyChart; // update needs only new datamyChart; // resizemyChart;
To apply this chart's default styles when using SCSS, simply define the variable $VoteHistory-container
to represent the ID or class of the chart's container(s) and import the _chart-styles.scss
partial.
$VoteHistory-container: '#chart'; @import 'path/to/dmn-elex-vote-history/src/scss/_chart-styles';
Developing
Write your chart code in chart.js
and add custom styles to _chart-styles.scss
.
Then, just run gulp:
$ gulp
Or to minimize javascript before publishing:
$ gulp --production