javascript - destroy multiple charts on same page -

i creating project using angularjs. in project integrating charts using angularcharts.js.in project displaying 2 charts on same page. want destroy both charts when user change select filed on select box, unable that. here 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>   

ive had done similar thing in past, if remember correcly, how did it:

in controller

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

and html

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

if remove chart array of charts, disappear front view