Angular Morris Donut Chart

by ninachroscicka

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.5.0-rc.1/angular.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/raphael/2.1.0/raphael-min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/morris.js/0.5.1/morris.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular-morris-chart/1.2.0/angular-morris-chart.min.js"></script>
<div ng-app="my.app" ng-controller="MyCtrl">
<div
donut-chart
donut-data='[
    {label: "Pozytywny", value: 50},
    {label: "Negatywny",value: 30},
    {label: "Neutralny", value: 20}
]'
donut-colors='["#31C0BE","#c7254e","#98a0d3"]'
donut-label-color='"#000000"' 
donut-background-color='"#ffffff"' 
donut-formatter='"currency"'>
</div>

CSS

body {
  padding: 20px;
}

JavaScript

angular.module('my.app',['angular.morris-chart']).controller('MyCtrl', function($scope){

});