Обновление графика новыми данными каждые 2 секунды

Question

Обновление графика новыми данными каждые 2 секунды

0

Вот мой угловой контроллер с сервисным вызовом для моих 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. И я хочу, чтобы это было бесконечно... просто переключение между двумя массивами данных, создающими эффект реального времени.

Obasi Obeny Oj 23 июль 2016, в 15:20

Источник

0

Можете ли вы предоставить ссылку Jsfiddle?
Bowen Li 23 июль 2016, в 13:26

Теги:

angularjs

angularjs-scope

1 ответ

Ещё вопросы

Можете ли вы предоставить ссылку Jsfiddle?

Ruslan · Answer 1 · 2016-07-23T10-48-00.000Z

Я думаю, вам нужно использовать "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();

});

Привет @ruslan Я использую угловую службу за пределами моего контроллера, чтобы получить данные. Так что я полагаю, что я не использую getData, как вы сделали с angular $ http.
В конце концов, это означает, что вы получаете данные. Я вижу, что вы используете обещания для получения данных из внешнего сервиса, когда вы решаете эти обещания (в вашем случае это "jsondata.getJsonData (). Then (function (data) { // сделать что-то}) вам нужно уведомить область, что что-то изменилось, для этого используйте $ scope. $ apply ()