title: TypeError: Highcharts[h] is not a function
body: <h3>My Plnkr link: <a href="http://plnkr.co/edit/S0BKjrgxz564oCPs9nCw?p=preview" rel="nofollow noreferrer">http://plnkr.co/edit/S0BKjrgxz564oCPs9nCw?p=preview</a></h3>
  <p><a href="https://i.stack.imgur.com/OxhSH.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/OxhSH.png" alt="enter image description here" /></a></p>
  <p>Any idea why I would be getting this error? Not sure where <code>Highcharts[h]</code> is...</p>
  <h3>Controller Code</h3>
  <pre><code>(function() {
      angular.module('highChartTest', ['ui.bootstrap', 'highcharts-ng'])
          .controller('MyHighChart', ['$scope', '$timeout', MyHighChart]);
  
      // HighCharts Column Chart
      function MyHighChart($scope, $timeout) {
  
          var vs             = $scope;
              ticker         = 'GOOG',
              vs.chartObject = {};
          
          var dayHolder = [];
          var count = 0;
          _.times(97, function() {
              dayHolder.push({
                  'x': count++,
                  'y': count++
              });
          });
  
          // Default data fed into navigator:
          vs.navigatorData = dayHolder;
  
          this.config = {
              options: {
                      ignoreHiddenSeries: false,
                      credits: { enabled: true, text: 'www.tickertags.com' },
                      legend: {
                          itemStyle: {
                              color      : &quot;#333333&quot;,
                              cursor     : &quot;pointer&quot;,
                              fontSize   : &quot;10px&quot;,
                              fontWeight : &quot;normal&quot;
                          },
                          enabled  : true,
                          floating : true,
                          align    : 'left',
                          verticalAlign: 'top',
                          x: 60
                      },
                      chart : {
                          title    : { text: '' },
                          subtitle : { text: '' },
                          renderTo : 'chart1',
                          zoomType : 'x',
                          events: {
                              load: function () {
                                  // HighChart loaded callback:
                                  broadcastChartLoaded();
                                  console.log('config.chart.events.load...');
                              },
                              redraw: function(event) {
                                  // console.log(' chart events redraw fired');
                              }
                          }
                      },
                      scrollbar: {
                          enabled    : false,
                          liveRedraw : false
                      },
                      navigator : {
                          enabled: true,
                          adaptToUpdatedData: true,
                          // enabled: false,
                          // adaptToUpdatedData: false,
                          series : {
                              data : vs.navigatorData
                          }
                      },
                      rangeSelector: {
                          enabled: false,
                      },
                      exporting: { enabled: false }
                  },
                  exporting: { enabled: false },
                  useHighStocks: true,
                  xAxis : {
                      ordinal: false,
                      dateTimeLabelFormats : {
                          hour   : '%I %p',
                          minute : '%I:%M %p'
                      },
                      events : {
                          // afterSetExtremes : afterSetExtremes,
                          // setExtremes : setExtremes
                      },
                      minRange: 3600 * 1000 // one hour
                  },
                  yAxis: [{ // Primary yAxis
                      labels: {
                          format: '${value:.2f}',
                          style: {
                              color: '#4C73FF',
                          }
                      },
                      title: {
                          text: 'Price',
                          style: {
                              color: '#4C73FF',
                          }
                      }
                  },
                  { // Secondary yAxis
                      gridLineWidth: 0,
                      title: {
                          text: 'Mentions',
                          style: {
                              color: '#FDE18D'
                              // Pick one - &quot;#FDE18D&quot;, &quot;#7DD0FA&quot;, &quot;#58A6EC&quot;
                          }
                      },
                      opposite: false
                  }],
                  func: function(chart) {
                      vs.chartObject = chart;
                  },
  
                  series : [{
                      zIndex: 1000,
                      yAxis: 0,
                      showInLegend: true,
                      color: '#4C73FF',
                      data: dayHolder,
                      type: 'line',
                      name: 'SPY',
                      dataGrouping: {
                          enabled: true
                      }
                  }]
          };
          
          function broadcastChartLoaded() {
            console.log('broadcastChartLoaded!!!');
          }
          
          $timeout(function() {
            console.log('inside timeout, now add 1st series');
            var quoteData = vs.navigatorData;
            vs.chartObject.addSeries({
                zIndex       : 1000,
                yAxis        : 0,
                name         : ticker,
                data         : quoteData,
                type         : 'line',
                color        : '#4C73FF',
                showInLegend : true,
                dataGrouping : {
                    enabled: true
                }
              }, true);
          }, 2000);
      }
  })();
  </code></pre>