Angularjs,nvd3和实时折线图

时间:2014-02-21 17:37:17

标签: javascript angularjs nvd3.js

我必须找到解决此错误的方法https://github.com/novus/nvd3/issues/335 我想要做的是在将新数据放入图表中显示的样本数组之后找到一种方法进行转换。我的代码是这样的:

    var windowDimension = 60; //seconds since we update every second
    $scope.summary = {};
    $scope.ddd = [
                {
                    "key": "Series 1",
                     "values": []
                }
            ];

    var summaryResource = summaryService.getSummaryResource();

    summaryResource.get(function(data) {
        $timeout(function() {
            $scope.summary = data;
        }, 500);
    });
    /**/

    $scope.onTimeout = function(){

        summaryResource.get(function(data) {
            $timeout(function() {
                $scope.summary = data;
            }, 500);
        });
        mytimeout = $timeout($scope.onTimeout,1000);

        $scope.ddd[0].values.push([$scope.summary.timeAsLong, $scope.summary.totalThroughput]);

        if($scope.ddd[0].values.length > windowDimension)
            $scope.ddd[0].values.shift();
    };


    var mytimeout = $timeout($scope.onTimeout,1000);

此代码位于页面控制器内,页面有一个“nvd3-line-chart”指令,接受“ddd”作为数据源。 一切正常,就像在解释错误时一样,但是我想避免y转换并进行调用以在values.pushvalues.shift调用之间转换图形。

变换调用就是这个

path.attr("d", line).attr("transform", null).transition()
.ease("linear").attr("transform", "translate(" + x(-1) + ")");

但我不知道如何在控制器内调用它

0 个答案:

没有答案