谷歌圖表錯誤：對象＃<Object>沒有方法'F'

Question

我想在我的角度應用程序中使用谷歌圖表。當我打這個電話，我收到了谷歌的可視化錯誤：

在我的控制器，我有：

$scope.MakeQuery = function() { 
    .... 
    $scope.query = qs; 
    $http.get('/api/query?' + $scope.query) 
     .success((data) => { 
      $scope.result = data; 
     }) 
     .error((error) => { 
      $scope.error = error; 
     }); 

} 

我那麼有follwing指令：

tsafApp.directive("googleChart",function(){ 
    return { 
     restrict : "A", 
     link: function(scope, elem, attrs) { 
      var chart = new google.visualization.LineChart(elem[0]); 
      var options = { 
       width: 500, 
       height: 500, 
      }; 

      scope.$watch(attrs.ngModel, function(v) { 
       var dt = v.table; 
       console.log(v.table) 
       chart.draw(dt, options) 
      }); 
     } 
    } 
}); 

在部分我有以下內容（這是查詢時出現可視化錯誤的地方）：

<div google-chart ng-model="result" class="chart"></div> 

在控制檯中的對象回報如下：

任何人都可以看到我要去哪裏錯了嗎？

Answer 1

我的數據實際上並不是一個適當的數據表。通過添加以下我能夠將其轉換：

scope.$watch(attrs.ngModel, function(v) { 
    var dt = new google.visualization.DataTable(v.table); 
    chart.draw(dt, options) 
}); 

在以下參考發現這一點：Populating Data Using Server-Side Code