我如何更新angular-nv3d餅圖中的標題選項

Question

我正在使用nvd3餅圖來顯示文件夾中整個文件的大小。 我的問題是如何在每次數據更新發生後更新圖表的標題（例如在標題中顯示整體大小） 我嘗試使用範圍內的對象來更新正確的大小，但它確實在圖表中的標題選項）

這裏不更新是我的代碼：

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-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>