TomNeyland / angular-dc

AngularJS directives for dc.js
http://tomneyland.github.io/angular-dc/
MIT License
112 stars 58 forks source link

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="https://github.com/TomNeyland/angular-dc/raw/master/angular.js"></script>
<script src="https://github.com/TomNeyland/angular-dc/raw/master/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