銷燬同一頁上的多個圖表

Question

我正在使用Angularjs創建項目。在我的項目中，我正在使用angularcharts.js集成圖表。在我的項目中，我在同一頁面上顯示兩個圖表。我想在用戶更改時在選擇框中選擇某些字段時銷燬這兩個圖表，但我無法這樣做。 這裏是我的代碼： 在JS：

$scope.$on('create', function(event, chart) { 
     console.log(chart) 
     $rootScope.checkgraph = chart; 

    }); 
if($scope.allFlows.length == 0) 
    $scope.checkgraph.destory() 

} 

在HTML：

<canvas id="line" class="chart chart-line" chart-data="dataBilling" 
    chart-labels="labelsBilling" chart-colours="ocw.colours" chart-options="options" chart-legend="true" 
    chart-click="onClick" height="150" width="400"> 
</canvas> 

<canvas id="line" class="chart chart-line" chart-options="options" chart-data="data" 
    chart-labels="labels" chart-colours="ocw.colours" chart-legend="true" 
    chart-click="onClick" height="150" width="400"> 
</canvas> 

Answer 1

伊夫在過去做了一些類似的事情，如果我記得正確地將，這是我做到了：

在控制器

$scope.charts = [ 
    { 
     // chart 1 data 
    }, 
    { 
     // chart 2 data 
    } 
] 
$scope.removeChart = function(index) { 
    $scope.charts.splice(index,1); 
} 

和HTML

<div ng-repeat="chart in charts track by $index"> 
    <!-- charts come here --> 
</div> 

如果從圖表的數組中刪除圖表，它也將從主視圖

消失