This is no longer maintained!
A (very light) AngularJS wrapper for billboard.js
billboard.js is a charting library built on top of D3
. Both are required
for this library.
As well, AngularJS >=1.5 is required.
$ npm install --save @fintechstudios/billboard-ng
For most setups, just require
the module:
require('@fintechstudios/billboard-ng');
Or, if you're using ESM:
import bbNg from '@fintechstudios/billboard-ng'
You will also need to include the billboard.js
CSS files.
Depending on your build stack, you may also need to manually include billboard.js
, d3
, and angular
.
Include the billboard-ng
module in your angular module definition:
angular.module('my-awesome-module', ['billboard-ng']);
Then use the billboard
component in your templates
<billboard options="$ctrl.chartConfig"></billboard>
billboard-ng
accepts all options that the billboard.js API
accepts. bindto
will be automatically passed the <billboard>
element from your template.