每2秒更新一次包含新数据的图表

时间:2016-07-23 12:52:20

标签: angularjs angularjs-scope

这是我的角度控制器,它为我的json数据提供服务调用。

.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
      ];**
  });
});

这很有效。但我想要做的是在oneArray和twoArray之间每两秒更改一次图表数据。我希望它是无限的......只需在两个数据阵列之间切换,就可以产生某种实时效果。

1 个答案:

答案 0 :(得分:0)

我认为你必须使用" setInterval"在你的情况下,尝试做类似这样的事情:

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

});