title: how to pass angular scope parameter to highcharts
body: <p>Hi I am really struggling with this problem and it would be awesome if anyone could help me with it.</p>
  
  <p>I am trying to send the angular "scope" object to the highcharts click event so that I can call the parent controller's method, but every method I try gets a compile error.</p>
  
  <p>Here is what I have in the highcharts options. I am trying to make the $scope parameter not have a compile issue.  The compile error is "cannot find symbol scope".</p>
  
  <pre><code>plotOptions: {
                      series: {
                          cursor: 'pointer',
                          point: {
                              events: {
                                  click: function () {
                                      var url = this.series.options.url;
                                      if (!this.series.options.clickable) {
                                          return;
                                      }
                                      if (this.series.options.url == "") {
                                          $scope.vm.ParentController.generateDrilldown(this.series.options.name, this.x - 1);
                                      } else {
                                          window.open(this.series.options.url);
                                      }
                                  }
                              }
                          },
                      }
  }
  </code></pre>
  
  <p>I tried sending the $scope object through the seriesData and then just trying to call "this.series.options.scope" but that didnt work. I made a field for scope in my overall class but that didnt work.  I dont know what else to try.</p>
  
  <p>Any help would be appreciated!
  Thanks</p>