title: Highcharts saying undefined is not a function when trying to add a new chart
body: <p>I'm trying to put highcharts into my angular app.  I'm getting my data from Google Sheets and returning a promise object from the call to google.  I then call the Highcharts.Chart() method with my options object.  </p>
  
  <p>I get the error below when making the call.  I've tried to figure out what's going on but I am currently lost.  I have a prototype that I do not use angular and the chart works great.  When I go and add the line new Highcharts.Chart(options) I get the error below.  I remove that line the error goes away.</p>
  
  <p>Any thoughts/help would be great!</p>
  
  <p>Error:</p>
  
  <pre><code>TypeError: undefined is not a function
      at Object.Chart.init (/highcharts.src.js:11014:4)
      at Object.Chart (/highcharts.src.js:10937:12)
      at data.then.$scope.sheetdata (/js/controllers/controlChartCtrl.js:11:17)
      at wrappedCallback (/angularjs/1.2.6/angular.js:10905:81)
      at /angularjs/1.2.6/angular.js:10991:26
      at Scope.$eval (/angularjs/1.2.6/angular.js:11906:28)
      at Scope.$digest (/angularjs/1.2.6/angular.js:11734:31)
      at Scope.$delegate.__proto__.$digest (&lt;anonymous&gt;:844:31)
      at /angularjs/1.2.6/angular.js:11945:26
      at completeOutstandingRequest (/angularjs/1.2.6/angular.js:4098:10) 
  </code></pre>
  
  <p>Partial: </p>
  
  <pre><code>Features:
  &lt;div id="feature"&gt;&lt;/div&gt;
  </code></pre>
  
  <p>Controller: </p>
  
  <pre><code>angular.module('controlChartCtrl', []).
    controller('ControlChartCtrl', ['$scope', 'GoogleService', function($scope, GoogleService) {
      var data = GoogleService.getData();
      $scope.helloworld = "hello world!";
      data.then(function (data) {
          // create charts here
          var options = getOptionsForChart('Feature', 'feature', data);
          var chart = new Highcharts.Chart(options);
      }, function (error) {
          $scope.sheetdata = error;
      });
  
      var getOptionsForChart = function (title, div, data) {
          return {
              chart: {
                  renderTo: div,
                  type: 'line'
              },
              title: {
                  text: title + ' Control Chart'
              },
              xAxis: {
                  title: {
                      text: 'End Dates'
                  },
                  categories: data.endDates
              },
              yAxis: {
                  title: {
                      text: 'Lead Time'
                  }
              },
              series: [{
                  name: 'Lead Time',
                  data: data.leadTimes
              }]
          };
      } 
  
  }]);
  </code></pre>