Добавить данные динамически в диаграммы в угловых js

Question

Я использую диаграммы в моем webapp и для этого я использую угловые диаграммы. HTML-файл для диаграмм является

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

и файл контроллера для этого

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

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

Теперь я просто хочу знать, как добавить данные динамически в этой круговой диаграммы.

Заранее спасибо

Answer 1

Вы могли бы иметь кнопку, при нажатии кнопки вы заполнить массивы ваши диаграммы, связанные с.

$scope.onClick = function(item,label) 
{ 
    //item and label can come from anywhere, i just add here as parameters to illustrate as example 
    $scope.data.push(item); 
    $scope.labels.push(label); 
} 

Answer 2

Чтобы добавить динамические данные к диаграмме, вы должны нажимать данные как на массивы данных, так и на массив меток.

Примечание: массив данных фактически не является массивом, это массив внутри массива. Таким образом, данные не [], а скорее [[]].

код, чтобы сделать его работу:

1. При использовании $ объем: $scope.data[0].push(data) and also $scope.labels.push(label)
2. При использовании ВМ: vm.data[0].push(data) and also vm.labels.push(label)