如何在角度js中清空参考对象？

Question

我正在尝试清空我的参考对象。但它没有删除或删除我的图表。我做了两个指令并与共享服务进行通信。但是我删除了我的参考对象。没有删除我的图表..点击“删除”按钮我需要删除我的图表.. 有可能吗？因为我拿参考物品

这是我的代码

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

})

更新

如果我在建筑方面做错了，请为我提供完成此任务的好方法吗？

我尝试了另一种方法，我可以删除但不再生成

http://plnkr.co/edit/TzUlqoh4sYVjH3ADRTGL?p=preview

  vm.delete=function(){
    alert('delete');
    sharedService.deleteChart();
    $('#myChart').html('')
  }

  vm.add=function(){
    alert('add');
    sharedService.displatChart();
  }

任何更新？