angular-dc

AngularJS directives for dc.js

Node deps:

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

• Simple pie chart
• Nasdaq charts
• Contribute

Documentation

• Contribute