Angular piechart is a angular component that create svg based piecharts.
npm install angular.piechartAngular piechart is a angular component that create svg based piecharts.
Based on Lea Verou Designing Flexible, Maintainable Pie Charts With CSS And SVG
to install you can grab the files from the repo or install from
``
browser install angular.piechart --save
`
npm install angular.piechart --save
include the files:
`html`
and you can use this code to initialize the plugin:
`html`
`javascript``
function controller() {
this.data = {
color: '#1F187A',
data: [
{
color: 'red',
value: 10 // 10%
},
{
color: 'green',
value: 20 // 20%
},
{
color: 'blue',
value: 30 // 30%
},
{
color: 'yellow',
value: 40 // 40%
}
]
};
}
You can also inject stuff into piechart component it will be added after piechart so it will be on top.
For instance to add donat chart you can add another circle:
Licensed under MIT license
Copyright (c) 2016 Jakub Jankiewicz