Aktualisieren eines Diagramms mit neuen Daten alle 2 Sekunden

Question

Hier ist mein Winkelregler mit einem Service-Aufruf für meine JSON-Daten.

.controller('mainCtrl', function ($scope, jsondata, $interval, $timeout) { 
    var _this = this; 
    jsondata.getJsonData().then(function(data) { 
     $scope.items = _this.items; 
    var oneArray = _this.items.map(function(v) { 
     return v.id1; 
    }); 
    var twoArray = _this.items.map(function(v) { 
     return v.id2; 
    }); 



     **$scope.data = [ 
     oneArray 
     ];** 
    }); 
}); 

Dies funktioniert nur gut. Aber ich möchte die Diagrammdaten alle zwei Sekunden zwischen oneArray und twoArray ändern. Und ich möchte, dass es unendlich ist ... einfach zwischen den beiden Datenfeldern hin- und herzuschalten und so eine Art Echtzeiteffekt zu erzeugen.

Answer 1

Ich glaube, Sie haben „setInterval“ in Ihrem Fall zu verwenden, versuchen, eine Sache, ähnlich wie dies zu tun:

app.controller('MainCtrl', function($scope, $http, $timeout) { 

    // Function to get the data 
    $scope.getData = function(){ 
    $http.get('style.css') 
     .success(function(data, status, headers, config) { 

     // Your code here 
     console.log('Fetched data!'); 
    }); 
    }; 

    // Function to replicate setInterval using $timeout service. 
    $scope.intervalFunction = function(){ 
    $timeout(function() { 
     $scope.getData(); 
     $scope.intervalFunction(); 
    }, 1000) 
    }; 

    // Kick off the interval 
    $scope.intervalFunction(); 

});