How can parse JSON URL data into given AngularJS dxChart variable
<p><strong>Content.JSON</strong>   </p>

<pre><code> [{
status: "Allocated",
count: 45
}, {
status: "Bench",
count: 89
}, {
status: "Mobile",
count: 12
}, {
status: "Project",
count: 1
}, {
status: "SAP",
count: 18
}, {
status: "Testing",
count: 68
}, {
status: "vvvv",
count: 70
}];
</code></pre>

<p>Below is my AngularJS Module where I am trying to fetch JSON url data but in console I am getting below error </p>

<p><em>dxChart.js:9 E2001 - Invalid data source. See: <a href="http://js.devexpress.com/error/15_2/E2001" rel="nofollow">http://js.devexpress.com/error/15_2/E2001</a></em></p>

<pre><code>angular.module('myApp')
.controller('valueController', ['$scope', '$http', '$window', function ($scope, $http, $window) {       

var mainInfo = null;     

  $http({
    method : "GET",
    url : "/JSON/Content.json",
    dataType: 'json',
  }).then(function mySucces(response) {         

     mainInfo = response.data;

    }, function myError(response) 
    {
      $window.alert(response.statusText);
  });

$scope.chartOptions = {

            dataSource: mainInfo,       

            series: {
                argumentField: "status",
                valueField: "count",
                name: "SIDG Java",
                type: "bar",
                color: '#1899dd'
            }
        };
}]);
</code></pre>