Angular donut chart

Angular donut chart

A simple <donut-chart> directive for Angular built with D3.js

Installation

• You need to supply window.d3 prior to the module
• bower install angular-chart-donut
• or npm install angular-chart-donut
• Include as dependency angular.module('mymodule', ['chart.donut'])

Demo

              <script> var data = {{data}}, data2 = {{data2}}; </script>
              <chart-donut title="Demo" data="data">
              <chart-donut title="Another" data="data2" color="4ab">
            

Customisation

There is a number of options you can pass as attributes to the element in order to customise the look and feel:

• title
• data
• color
• size
• symbol (%)