mehrere Diagramme auf derselben Seite zerstören

Question

Ich erstelle ein Projekt mit Angularjs. In meinem Projekt integriere ich die Diagramme mit anglecharts.js.In meinem Projekt werden zwei Diagramme auf derselben Seite angezeigt. Ich möchte beide Charts zerstören, wenn Benutzerwechsel einige Felder im Auswahlfeld auswählen, aber das kann ich nicht. Hier ist mein Code: In js:

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

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

} 

in 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

Ive etwas ähnliches, was in der Vergangenheit getan hatte, wenn ich correcly erinnern, das ist, wie ich es tat:

in Controller

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

und HTML

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

wenn Sie Diagramm aus Reihe von Diagrammen zu entfernen, wird es aus Vorderansicht verschwindet auch