¿Cómo vaciar el objeto de referencia en angular js?
Estoy tratando de vaciar mi objeto de referencia. Pero no está eliminando o eliminando mi gráfico. Hago dos directivas y me comunico con el servicio compartido. Pero luego elimino mi objeto de referencia. No eliminé mi gráfico .. al hacer clic enbotón "borrar" Necesito eliminar mi gráfico ... ¿es posible? porque tomo objetos de referencia
aqui esta mi codigo
http://plnkr.co/edit/TzUlqoh4sYVjH3ADRTGL?p=preview
angular.module('app',['header','chartm','hig']).controller('cntrl',function(){
}).service('sharedService',function(){
var vm =this;
vm.chartData={};
vm.displatChart=displatChart;
vm.deleteChart=deleteChart;
function deleteChart(){
vm.chartData={};
}
function displatChart() {
var orderData = {
chart: {
type: 'bar'
},
title: {
text:'Order Execution Status '
},
colors: ['#2f7ed8','#910000','#8bbc21','#1aadce'],
xAxis: {
categories: [1,2,4]
},
yAxis: {
min: 0,
title: {
text: ''
}
},
legend: {
reversed: true
},
plotOptions: {
series: {
stacking: 'normal'
}
},
series: [ {
name: 'Excecuted',
data: [1,2,3]
},{
name: 'Placed',
data: [4,3,2]
}]
};
vm.chartData=orderData;
return vm.chartData;
}
})
Actualizar
Si hago un error en la arquitectura, ¿me proporciona una buena manera de hacer esta tarea?
Intento de otra manera que puedo eliminar pero no generar de nuevo
http://plnkr.co/edit/TzUlqoh4sYVjH3ADRTGL?p=preview
vm.delete=function(){
alert('delete');
sharedService.deleteChart();
$('#myChart').html('')
}
vm.add=function(){
alert('add');
sharedService.displatChart();
}
cualquier actualización ?