title: google chart a.S is not a function
body: <p>i have the following directive:</p>
  
  <pre><code>angular.module('Division').directive('divisionChart', function () {
      return {
          restrict: 'E',
          templateUrl: 'js/helpers/Division/directives/division-chart/division-chart.html',
          scope: {},
          link: function (scope, element, attr) {
              var data = {
                  "cols": [
                      {"label": "Name", "pattern": "", "type": "string"},
                      {"label": "Manager", "pattern": "", "type": "string"},
                      {"label": "ToolTip", "pattern": "", "type": "string"}
                  ],
                  "rows": [
                      {
                          "c": [
                              {"v": "1", "f": "Mike O."},
                              {"v": ""},
                              {"v": "The President"}
                          ]
                      },
                      {
                          "c": [
                              {"v": "2", "f": "Jim"},
                              {"v": "1"},
                              {"v": "VP"}
                          ]
                      },
                      {
                          "c": [
                              {"v": "3", "f": "Alice"},
                              {"v": "1"},
                              {"v": ""}
                          ]
                      },
                      {
                          "c": [
                              {"v": "4", "f": "Bob"},
                              {"v": "2"},
                              {"v": "Bob Sponge"}
                          ]
                      },
                      {
                          "c": [
                              {"v": "Carol"},
                              {"v": "4"},
                              {"v": ""}
                          ]
                      }
                  ]
              };
  
  
              // Instantiate and draw our chart, passing in some options.
              var chart = new google.visualization.OrgChart(element[0]);
              chart.draw(data);
          }
      }
  });
  </code></pre>
  
  <p>That has the following HTML:</p>
  
  <pre><code>&lt;div&gt;&lt;/div&gt;
  </code></pre>
  
  <p>When i attempt to run this i get the following error:</p>
  
  <pre><code>TypeError: a.S is not a function
  </code></pre>
  
  <p>I have made sure to include the googlechart in my index:</p>
  
  <pre><code> &lt;script src="http://www.google.com/jsapi?ext.js"&gt;&lt;/script&gt;
  &lt;script&gt;google.load('visualization', '1', {packages: ['orgchart']});&lt;/script&gt;
  </code></pre>
  
  <p>So can anyone tell me what im doing wrong? </p>