AngularJS與nvD3服務不返回值

Question

我是AngularJS和d3的新手。我用過這個例子：http://embed.plnkr.co/6t5bky/ 並試圖創建一個'bulletChart'。

我的JavaScript文件看起來像如下：

var app = angular.module('plunker', ['nvd3']); 
app.controller('MainCtrl', function($scope, $http) { 
    $scope.options = { 
      chart: { 
       type: 'bulletChart', 
       transitionDuration: 500, 
      } 
     }; 

     $scope.data = populateData(); 

     function populateData(){ 

      /*return { 
      "title": "Test Title", 
      "subtitle": "Completed", 
      "ranges": [200,400,700], 
      "measures": [600], 
      "markers": [300] 
      }*/ 

      return $http.get('http://myservice/data').then(function(response) { 
        console.log('response-dataNew',response.data); 
        return response; 
        ;}) 

       } 

}); 

，當我返回值（在代碼註釋），它的工作原理。

return { 
      "title": "Test Title", 
      "subtitle": "Completed", 
      "ranges": [200,400,700], 
      "measures": [600], 
      "markers": [300] 
      } 

，我看到了bulletGraph：

當我嘗試使用它沒有給我圖的服務。我的服務（http://myservice/data）在精確相同的格式返回數據：

我到底做錯了什麼？任何指針？

Answer 1

遵循所有意見，此解決方案爲我工作。

var app = angular.module('plunker', ['nvd3']); 
app.controller('MainCtrl', function($scope, $http) { 
    $scope.options = { 
      chart: { 
       type: 'bulletChart', 
       transitionDuration: 500, 
      } 
     }; 

     $scope.data = populateData(); 
     function populateData(){ 

      $http.get('http://10.20.26.90:5003/bullet').then(function(response) { 
        console.log('response-dataFound',response.data); 
        $scope.data = angular.copy(response.data); 
        ;}) 

       } 

}); 

如果您想到更好的方法，請告訴我。