angular-dc | AngularJS directives for dc-js for charts

dc-js angular directive

angular-dc

Stars : 10

Forks : 10

Created by Tom Neyland

bower install angular-dc

Demo Download GitHub

angular-dc

AngularJS directives for dc.js

Build Status

Node deps: David

Getting Started

Download the production version or the development version.

If you use bower, you can install this via: bower install angular-dc

Dependencies

See the bower.json file for dependencies: bower.json

30 second look

<script src="angular.js"></script>
<script src="dist/angular-dc.min.js"></script>
<!--don't forget to include all dependencies-->
<script>
//load the angular-dc module in your app
angular.module("myApp", ['angularDc']);
// some angularjs controller code...
</script>

<!--Setup a simple pie chart. DC.js options are exposed as html attributes-->
<div dc-chart="pieChart" dc-width="180" dc-height="180" dc-radius="80" dc-dimension="gainOrLoss" dc-group="gainOrLossGroup" class="dc-chart"></div>

Examples

Documentation

Javscript

Javascript plugin

Angular-js