How to implement this data in angular-chart.js

Question

I am trying chart using angular-chart.js. While going through this documentation: Link For angular-chart pie chart, I have found out that, they have given $scope.data for values and $scope.labels for labels. But I have data like this.

$scope.pied = [{
       "Prospective":"4",
        "CallBacks"
:"0",
        "FollowUp"
: "4",
        "NotInterested"
:"1",
         "Closed"
: "0"
        }];

How to implement this data in angular-chart?

What have you tried so far? it seems you need to modify to data to make it work. — Shaohao
– Shaohao, Commented Feb 26, 2016 at 14:01
i am getting these values from service i can't change the json shaohao Lin bro — Om Bala
– Om Bala, Commented Feb 26, 2016 at 14:03
It's ok that you get it from service. You don't need to change the json, but you can modify the response json to some data structure to fit the requirement of the angualr-chart.js — Shaohao
– Shaohao, Commented Feb 26, 2016 at 14:12

WispyCloud · Accepted Answer · 2016-02-27 05:40:04Z

2

You can use angular.forEach to loop through the received data and generate the required structure e.g.

$scope.data = [];
$scope.labels = [];
angular.forEach($scope.pied, function (object) {
    for (var key in object) {
        $scope.data.push(object[key]);
        $scope.labels.push(key);
    }
});

edited Feb 27, 2016 at 5:40

answered Feb 27, 2016 at 0:49

WispyCloud

4,2302 gold badges30 silver badges31 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

Om Bala Over a year ago

Thanks jtblin I will try this and revert back

Om Bala Over a year ago

hi jtblin i have to use this forEach in this code? $scope.pied = [{ "Prospective":"4", "CallBacks":"0", "FollowUp": "4", "NotInterested":"1", "Closed": "0" }]; i need to put 4,0,4,1,0 in data and names in labels

Om Bala Over a year ago

Thanks for the forEach jtblin :)

Collectives™ on Stack Overflow

How to implement this data in angular-chart.js

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related