运行几秒后,AngularJS中的人力车实时图表变得无法响应

时间:2015-04-21 08:20:51

标签: javascript angularjs rickshaw

我使用$ interval更新随机值以模拟实时图表。几秒钟后,屏幕无响应。这是我的代码。我正在使用来自https://github.com/ngyewch/angular-rickshaw

的angular-rickshaw指令
    var seriesData = [
        [],
        [],
        []
    ];
    var random = new Rickshaw.Fixtures.RandomData(50);
    for (var i = 0; i < 50; i++) {
        random.addData(seriesData);
    }

    $scope.rickshaw_realtime_options = {
        renderer: 'area',
        height: 500,
        padding: {
            top: 0.5
        }

    };

    $scope.rickshaw_realtime_series = [{
        data: seriesData[0],
        color: 'red',
        name: 'DB Server'
    }, {
        data: seriesData[1],
        color: 'blue',
        name: 'Web Server'
    }];

    $scope.rickshaw_realtime_features = {
        yAxis: {
            orientation: 'right',
            tickFormat: Rickshaw.Fixtures.Number.formatKMBT,
        },
        hover: true,
    }

    // Update the graph with realtime data. 
    var timer = $interval(function() {
        random.removeData(seriesData);
        random.addData(seriesData);
    }, 1000);

    $scope.$on('$destroy', function() {
        if (angular.isDefined(timer)) {
            $interval.cancel(timer);
            timer = undefined;
        }
    });

0 个答案:

没有答案