title: Uncaught TypeError: Cannot read property 'toArrays' of undefined
body: <p>I'm trying to get this code to work using the gae-init framework, which uses flask and google app engine.</p>
  
  <p><strong>The code works fine if I run it all alone, with it all from this one file:</strong></p>
  
  <pre><code>&lt;head&gt;
     &lt;title&gt;Google Chart Example&lt;/title&gt;
     &lt;script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"&gt;&lt;/script&gt;
     &lt;script src="http://prithwis.x10.bz/charts/jquery.csv-0.71.js"&gt;&lt;/script&gt;
     &lt;script src="https://www.google.com/jsapi"&gt;&lt;/script&gt;
     &lt;script type='text/javascript'&gt;
  
     // load the visualization library from Google and set a listener
     google.load("visualization", "1", {packages:["corechart"]});
     google.setOnLoadCallback(drawChartfromCSV);
  
     function drawChartfromCSV(){
       // grab the CSV
           $.get("https://www.quandl.com/api/v3/datasets/WIKI/AAPL/data.csv?start_date=2015-01-01&amp;order=asc&amp;end_date=2015-04-01&amp;collapse=daily", function(csvString) {
  
           // transform the CSV string into a 2-dimensional array
              var arrayData = $.csv.toArrays(csvString, {onParseValue: $.csv.hooks.castToScalar});
  
           // this new DataTable object holds all the data
              var data = new google.visualization.arrayToDataTable(arrayData);
  
           // this view can select a subset of the data at a time
              var view = new google.visualization.DataView(data);
              view.setColumns([0,3,1,4,2]);
  
              var options = {
                legend: 'none',
  
                candlestick: {
                fallingColor: { strokeWidth: 0, fill: '#a52714' }, // red
                risingColor: { strokeWidth: 0, fill: '#0f9d58' }   // green
                },
  
                colors: ['black'],
  
                height: 700,
  
              };
  
              var chart = new google.visualization.CandlestickChart(document.getElementById('csv2chart'));
  
              chart.draw(view, options);
           });
     }
     &lt;/script&gt;
  
  &lt;/head&gt;
  
  &lt;body&gt;
    &lt;div id="csv2chart"&gt;&lt;/div&gt;
  &lt;/body&gt;
  </code></pre>
  
  <p><strong>But when I include it in my project, I keep getting "Uncaught TypeError: Cannot read property 'toArrays' of undefined" no matter what I try.. The src links are correct. I made sure.</strong></p>
  
  <pre><code># extends 'admin/admin_base.html'
  
  # block title 
     Google Chart Example
  # endblock
  
  # block head
    {{super()}}
     &lt;script src="{{ url_for('static', filename='ext/jquery/dist/jquery.js') }}"&gt;&lt;/script&gt;
     &lt;script src="{{ url_for('static', filename='new_static/jquery.csv-0.71.js') }}"&gt;&lt;/script&gt;
     &lt;script src="https://www.google.com/jsapi"&gt;&lt;/script&gt;
     &lt;script 'type=text/javascript'&gt;
  
  
     // load the visualization library from Google and set a listener
     google.load("visualization", "1", {packages:["corechart"]});
     google.setOnLoadCallback(drawChartfromCSV);
  
     function drawChartfromCSV(){
       // grab the CSV
  
              $.get("https://www.quandl.com/api/v3/datasets/WIKI/AAPL/data.csv?start_date=2015-01-01&amp;order=asc&amp;end_date=2015-04-01&amp;collapse=daily", function(csvString) {
  
           // transform the CSV string into a 2-dimensional array
              var arrayData = $.csv.toArrays(csvString, {onParseValue: $.csv.hooks.castToScalar});
  
           // this new DataTable object holds all the data
              var data = new google.visualization.arrayToDataTable(arrayData);
  
           // this view can select a subset of the data at a time
              var view = new google.visualization.DataView(data);
              view.setColumns([0,3,1,4,2]);
  
              var options = {
                legend: 'none',
  
                candlestick: {
                fallingColor: { strokeWidth: 0, fill: '#a52714' }, // red
                risingColor: { strokeWidth: 0, fill: '#0f9d58' }   // green
                },
  
                colors: ['black'],
  
                height: 700,
  
              };
  
              var chart = new google.visualization.CandlestickChart(document.getElementById('csv2chart'));
  
              chart.draw(view, options);
           });
     }
     &lt;/script&gt;
  # endblock
  
  # block admin_content
  
      &lt;div id="csv2chart"&gt;&lt;/div&gt;
  
  # endblock
  </code></pre>