An AngularJS directive for Rickshaw.
bower install --save angular-rickshaw
npm install --save angular-rickshaw
Include Rickshaw (CSS, JS), D3 (JS) and the Angular Rickshaw (JS) in your <head>
section:
<link rel="stylesheet" href="PATH_TO_CSS/rickshaw/rickshaw.min.css">
<script src="PATH_TO_JS/d3/d3.min.js"></script>
<script src="PATH_TO_JS/rickshaw/rickshaw.min.js"></script>
<script src="PATH_TO_JS/angular-rickshaw/rickshaw.min.js"></script>
Create a div with the rickshaw
attribute or a rickshaw
element to instantiate a Rickshaw graph.
<rickshaw
rickshaw-options="options"
rickshaw-features="features"
rickshaw-series="series">
</rickshaw>
The rickshaw-options
attribute provides access to Rickshaw configuration. The rickshaw-features
attribute provides access to Rickshaw features. The rickshaw-series
attribute provides access to Rickshaw series data.