Angular donut-chart

A simple donut chart for Angular built on d3

• bower install angular-chart-donut
• npm install angular-chart-donut

angular.module('mymodule', ['chart.donut']);

<chart-donut data="modeldata" title="Percentage awesomeness" size="150"></chart-donut>

Element attribute options

• data Bind to an integer ranging from 0 to 100
• title Use this title for the drop-pin
• color Optionally set a color. This can also be achieved through CSS overrides
• symbol Defaults to % but can be set to other values, like empty string
• size Pixel size of chart, if not set the chart will attempt to size itself by its parent, but if parent does not have a size while the chart is rendered this will fail.

Contributors

• Raymond Julin
• Christian Leon Christensen — Design