title: HighCharts is not defined
body: <p>Hi I have a simple MVC extjs application : </p>
  
  <p>My app.js : </p>
  
  <pre><code>Ext.Loader.setConfig({
      enabled: true,
      paths : {
          'Chart' : './Chart'
      }
  });
  
  Ext.require('Chart.ux.Highcharts');
  Ext.require('Chart.ux.Highcharts.Serie');
  Ext.require('Chart.ux.Highcharts.SplineSerie');
  
  Ext.application({
      name: 'MyAppli',
      autoCreateViewport: true,
  });
  </code></pre>
  
  <p>My Controller : </p>
  
  <pre><code>showWindow: function () {
  
      var chartStore = this.getHighChartDataStore();
      var win = Ext.create('Ext.window.Window', {
          width : 800,
          height : 600,
          minHeight : 400,
          minWidth : 550,
          hidden : false,
          shadow : false,
          maximizable : true,
          collapsible: true,
          title : 'Highchart example',
          renderTo : Ext.getBody(),
          layout : 'fit',
          items : [{
              xtype : 'highchart',
              id : 'chart',
              defaultSerieType : 'spline',
              series : [{
                      dataIndex : 'yesterday',
                      name : 'Yesterday',
                      visible : true
                  }, {
                      dataIndex : 'today',
                      name : 'Today',
                      visible : true
              }],
              store : chartStore,
              xField : 'time',
              chartConfig : {
                  chart : {
                      type: 'spline',
                      marginRight : 130,
                      marginBottom : 120,
                      zoomType : 'x',
                      animation : {
                          duration : 1500,
                          easing : 'swing'
                      }
                  },
                  title : {
                      text : 'Standalone Highcharts for ExtJs 4 example',
                      x : -20 //center
                  },
                  subtitle : {
                      text : 'Random value',
                      x : -20
                  },
                  xAxis : [{
                      title : {
                          text : 'Time',
                          margin : 20
                      },
                      labels : {
                          rotation : 270,
                          y : 35
                      }
                  }],
                  yAxis : {
                      title : {
                          text : 'Value'
                      },
                      plotLines : [{
                          value : 0,
                          width : 1,
                          color : '#808080'
                      }]
                  },
                  plotOptions : {
                      series : {
                          animation : {
                              duration : 3000,
                              easing : 'swing'
                          }
                      }
                  },       
                  legend : {
                      layout : 'vertical',
                      align : 'right',
                      verticalAlign : 'top',
                      x : -10,
                      y : 100,
                      borderWidth : 0
                  }
              }
          }]
      });
      win.show();
  }
  </code></pre>
  
  <p>My problem is that the above function shows an empty window, while the console says : 
  <code>Uncaught ReferenceError: Highcharts is not defined</code> in the file <code>highcharts.js</code> on the function <code>draw</code>.</p>
  
  <p>What am I doing wrong? I'm using Extjs 4.1 with the latest HighChart (taken from github).</p>
  
  <p>My index.html : </p>
  
  <pre><code>&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"&gt;
  &lt;html xmlns="http://www.w3.org/1999/xhtml"&gt;
      &lt;head&gt;
          &lt;link rel="stylesheet" type="text/css" href="../extjs/resources/css/ext-all.css"&gt;
          &lt;link rel="stylesheet" type="text/css" href="app/view/combo_release.css"&gt;
          &lt;script type="text/javascript" src="../extjs/ext-all.js"&gt;&lt;/script&gt;
          &lt;script type="text/javascript" src="app/app.js"&gt;&lt;/script&gt;
          &lt;script type="text/javascript" src="Chart/ux/highcharts.js"&gt;&lt;/script&gt;
      &lt;/head&gt;
      &lt;body&gt;
      &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>