如何更新 angular-nv3d 饼图中的标题选项

Question

我正在使用 nvd3 饼图显示文件夹中所有文件的大小。我的问题是如何在每次数据更新后更新图表的标题（例如在标题中显示整体大小）。我尝试在范围内使用 object 来更新当前大小，但它不会在图表的标题选项中更新）

这是我的代码：

app.controller("chartCtrl", function($scope, foldersSrvc){

$scope.options = {
    chart: {
        type: "pieChart",
        height: 400,
        showLabels: true,
    labelType: "value",
    title: "Content(" + $scope.filesSize + ")",
        labelSunbeamLayout: true,
        x: function(d){return d.type;},
    y: function(d){return d.size;},
        donut: true
    }
};

foldersSrvc.getFiles("server").then(function(data){
$scope.data = data;
$scope.filesSize = foldersSrvc.getFilesSize(data);
});

$scope.$on('folderClicked', function(event, args){
foldersSrvc.getFiles(args.id).then(function(data){
  $scope.data = data;
  $scope.filesSize = foldersSrvc.getFilesSize(data);
});
})
})

Answer 1

我推荐 nvd3 的 angular 包装器，angular-nvd3 以支持数据绑定。

angular.module('myApp', ['nvd3'])
.controller('myCtrl', function($scope){

    /* Chart options */
    $scope.options = { /* JSON data */ };

    /* Chart data */
    $scope.data = { /* JSON data */ }

})

html

<div ng-app="myApp">
    <div ng-controller="myCtrl">
        <nvd3 options="options" data="data"></nvd3>
    </div>
</div>

如何更新 angular-nv3d 饼图中的标题选项

How do i update the title option in an angular-nv3d piechart

angularjs

scope

nvd3.js