nvD3サービスが返されないAngularJS

Question

AngularJSおよびd3の新機能です。私はこの例を使用しました：http://embed.plnkr.co/6t5bky/ そして 'bulletChart'を作成しようとしました。私は（コードにコメント）などの値を返すとき、それは動作します

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; 
        ;}) 

       } 

}); 

：

私のjavascriptのファイルは、以下のようになります。私はそれは私に何のグラフを与えないサービスを使用しようとすると

：

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); 
        ;}) 

       } 

}); 

あなたがより良いアプローチを考えているかどうか教えてください。