angularjs - 将数据动态添加到角度js中的图表

Question

我在我的 web 应用程序中使用图表，为此我使用角度图表。图表的 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：$scope.data[0].push(data) and also $scope.labels.push(label)
2. 如果使用虚拟机：vm.data[0].push(data) and also vm.labels.push(label)