동일한 그래프가 내보기에서 반복되고 페이지 새로 고침시 그래프가 변경됩니다.

Question

이것은 컨트롤러의 루프입니다. Angular JS를 사용하여 차트를 만들고 표시하려고하지만 그렇게 할 수 없습니다. 동일한 그래프가 내보기에서 반복되고 페이지 새로 고침시 그래프가 변경됩니다. JSON에서 "Options"및 "Votes"응답을 원합니다. 내가 실수 한거야?

for (var i = 0; i < response.response.options.length;i++) { 
     labels.push(response.response.options[i].options); 
        data.push(response.response.options[i].votes); 
        $scope.labels = labels; 
        $scope.data = [ 
         data   
        ]; 

이것은 내 JSON입니다. 다중 호출을하므로 이와 같은 여러 JSON이 API에서 호출됩니다.

{ 
    "response": { 
    "poll": { 
     "id": "17", 
     "story_id": "28346", 
     "user_id": "32425", 
     "question": "Who's your favorite actor?", 
     "status": "1", 
     "docs": "1473121969" 
    }, 
    "options": [ 
     { 
     "id": "59", 
     "options": "1. Hamza Ali Abbasi", 
     "image_url": "31xjr2a6f838gwqkw68p.png", 
     "doc": "1473121970", 
     "votes": "3" 
     }, 
     { 
     "id": "60", 
     "options": "2. Emmad Irfani", 
     "image_url": "w9yhbtlr39pzn9d9bijf.png", 
     "doc": "1473121970" 
     }, 
     { 
     "id": "61", 
     "options": "3. Shahbaz Shigri", 
     "image_url": "hxnbem90wtlo7eb8tuew.png", 
     "doc": "1473122087" 
     }, 
     { 
     "id": "62", 
     "options": "4. Fawad Khan", 
     "image_url": "f9q6ud83bjt8ateazzzs.png", 
     "doc": "1473122111" 
     } 
    ] 
    } 
} 

Answer 1

나는 당신이 그것을 작동하지 않는 이유와 함께,에서지고, 그 당신의 "데이터"배열 될 것인가 알 것 같아요. 당신이 당신의 원본 코드에서 개체의 콘솔 출력을 보면

https://jsfiddle.net/jwb9acqL/

는 출력했다 :

[labels: Array[4], data: Array[1]] 

여기가 작동하고 원하는 정보를 표시가있는 jsfiddle이다 데이터의 "표"가 다른 부분 배열에 넣어 몇 가지 이유가 있었다 장소 :

$scope.data = [ 
        data   
       ]; 

나는 여분 배열 것을 제거. 도움이되는지 확인하십시오. 그렇지 않다면 그래프 코드를 게시해야한다고 말합니다.