2016-08-15 80 views
2

AngularJS谷歌圖表動態數據

Try it on Plunker

我想放在一起的圖形與動態數據,因爲我得到的互聯網服務和看起來像這樣:

var avaliacoes_descTipo = []; 
var avaliacoes_quantidade = []; 

angular.forEach(data, function(value, key) { 
       this.push(key + ': ' + value); 
       avaliacoes_descTipo[key] = value.descTipo; 
       avaliacoes_quantidade[key] = value.quantidade; 
      }, log_avaliacoes); 



And I no fixed place for example<br> 
  **{w: [ 
                     {V: avaliacoes_descTipo [1]}, 
                     {V: avaliacoes_quantidade [1]} 
                 ]}<br> 
                 {w: [ 
                     {V: avaliacoes_descTipo [2]}, 
                     {V: avaliacoes_quantidade [2]} 
                 ]} 
]};** 

需要你的幫助把動態,用foreach不知道任何工作方式會幫助我很多,謝謝!

回答

1

嘗試做這樣:

app.controller('MainCtrl', function($scope) { 
    var avaliacoes_descTipo = ["1", "12", "13"]; 
    var avaliacoes_quantidade = [1,2,3]; 
    var val = []; 
    var i; 
    var val1 = []; 
$scope.avaliacoes = {}; 

for (i = 0; i < avaliacoes_descTipo.length; i++) { 
    val = {c: [ 
    {v: avaliacoes_descTipo[i]}, 
    {v: avaliacoes_quantidade[i]} 
    ]}; 

    val1.push(val); 
} 

$scope.avaliacoes.type = "PieChart"; 

$scope.onions = [ 
    {v: avaliacoes_descTipo[0]}, 
    {v: avaliacoes_quantidade[0]} 
]; 

$scope.avaliacoes.data = {"cols": [ 
    {id: "t", label: "Topping", type: "string"}, 
    {id: "s", label: "Slices", type: "number"} 
], "rows": 
    val1 

}; 

$scope.avaliacoes.options = { 
    'title': '', 
    'legend' : {'position': 'bottom'} 
}; 

}); 
+0

THAN你了!救了我 –