Kann ChartJS-Daten aus $ scope.data nicht aktualisieren

Question

Ich möchte die Daten meines Chartjs-Diagramms dynamisch mit AngularJS aktualisieren. Das Diagramm funktioniert einwandfrei, wenn keine Daten aktualisiert werden. Wenn ich jedoch versuche, die Daten mithilfe einer $ interval-Funktion zu aktualisieren, bleibt das Diagramm leer.

$scope.labelsx2 = []; 
    $scope.seriesx2 = []; 
    $scope.datax2 = [ 
     [65, 59, 80, 81, 56, 55, 40] 
    ]; 

    $scope.randomize = function() { 


     $scope.datax2 = [65, 59, 1, 81, 1, 55, 1]; 
     console.log('workk'); 


    }; 

    $interval(function() {$scope.randomize();},1000,0); 


    <div class="item item-text-wrap"> 

     <canvas id="line" class="chart chart-line" data="datax2" labels="labelsx2" legend="true" series="seriesx2" options="{showTooltips: false}"></canvas> 

    </div> 

Answer 1

ändern

$scope.datax2 = [65, 59, 1, 81, 1, 55, 1]; 

in randomise Funktion mit

$scope.datax2 = [[65, 59, 1, 81, 1, 55, 1]];