sample/g_test.html at master · Developmenteam30/sample · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
<script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js"></script>
<script>
var base_url = "";
var app = angular.module('myApp', []);
app.controller('myCtrl', function($scope, $http) {
      $http.get(base_url+"g_test.php?userid=raghu@gmail.com")
      .then(function (response) { //console.log(JSON.stringify(response.data));
        var piedata = [];
               var values = ['Months', 'Number of accounts'];
          piedata.push(values);

        angular.forEach(response.data, function(value, key) {
        alert(JSON.stringify(parseInt(value[1])));
          if(parseInt(value[1]) > 0){
            var values = [value[0], parseInt(value[1])];
            piedata.push(values);
          }
        });
        google.charts.load('current', {packages: ['corechart', 'bar']});
        google.charts.setOnLoadCallback(function(){
            var data = google.visualization.arrayToDataTable(piedata);
            var options = {title: ' New Accounts By Months'};
            var chart = new google.visualization.PieChart(document.getElementById('chart_div'));
            chart.draw(data, options);
        });
      });

  });

 </script>
<body ng-app="myApp" ng-controller="myCtrl">
<div id="chart_div"></div>
</body>