Hinzufügen von Daten dynamisch zu den Diagrammen in Winkel js

Question

Ich verwende Diagramme in meiner Webapp und dafür verwende ich Winkel-Charts. Die HTML-Datei für Diagramme ist

<canvas id="pie" class="chart chart-pie" chart-data="data" 
    chart-labels="labels"> 
    </canvas> 

und der Controller-Datei hierfür ist

angular.module('myApp') 
    .controller('myController', function ($scope) { 

    $scope.labels = ["Download Sales", "In-Store Sales", "Mail-Order Sales"]; 
    $scope.data = [300, 500, 100]; 
    }); 

Jetzt will ich wissen, wie Daten in diesem Kreisdiagramm dynamisch hinzuzufügen.

Vielen Dank im Voraus

Answer 1

Sie können über eine Taste, wenn Sie auf Sie bevölkern Arrays Ihre Diagramme gebunden sind.

Answer 2

Um dem Diagramm dynamische Daten hinzuzufügen, müssen Sie Daten sowohl an die Datenfelder als auch an das Beschriftungsfeld senden.

Hinweis: Data Array ist eigentlich kein Array, sondern ein Array innerhalb eines Arrays. Daten sind also nicht [] sondern eher [[]].

1. Wenn $ Umfang mit:

-Code, damit es funktioniert $scope.data[0].push(data) and also $scope.labels.push(label)

Wenn vm mit: vm.data[0].push(data) and also vm.labels.push(label)