title: ExtJS not rendering
body: <p>I have an ExtJS code that I grabbed from <a href="https://docs.sencha.com/extjs/5.0.0/api/Ext.chart.series.CandleStick.html#properties" rel="nofollow noreferrer">Sencha</a> and I'm trying to run it on <a href="https://jsfiddle.net/3sgokynn/1/" rel="nofollow noreferrer">jsfiddle</a> and make a few edits to see how it changes.</p>
  
  <p>But the graph is not showing at all. </p>
  
  <p>Any idea how to render the graph? </p>
  
  <pre><code>Ext.create('Ext.Container', {
      renderTo: Ext.getBody(),
      width: 600,
      height: 400,
      layout: 'fit',
      items: {
          xtype: 'cartesian',
          store: {
              fields: ['time', 'open', 'high', 'low', 'close'],
              data: [{
                      'time': new Date('Jan 1 2010').getTime(),
                      'open': 600,
                      'high': 614,
                      'low': 578,
                      'close': 590
                  },
                  {
                      'time': new Date('Jan 2 2010').getTime(),
                      'open': 590,
                      'high': 609,
                      'low': 580,
                      'close': 580
                  },
                  {
                      'time': new Date('Jan 3 2010').getTime(),
                      'open': 580,
                      'high': 602,
                      'low': 578,
                      'close': 602
                  },
                  {
                      'time': new Date('Jan 4 2010').getTime(),
                      'open': 602,
                      'high': 614,
                      'low': 586,
                      'close': 586
                  },
                  {
                      'time': new Date('Jan 5 2010').getTime(),
                      'open': 586,
                      'high': 602,
                      'low': 565,
                      'close': 565
                  }
              ]
          },
          axes: [{
              type: 'numeric',
              position: 'left',
              fields: ['open', 'high', 'low', 'close'],
              title: {
                  text: 'Sample Values',
                  fontSize: 15
              },
              grid: true,
              minimum: 560,
              maximum: 640
          }, {
              type: 'time',
              position: 'bottom',
              fields: ['time'],
              fromDate: new Date('Dec 31 2009'),
              toDate: new Date('Jan 6 2010'),
              title: {
                  text: 'Sample Values',
                  fontSize: 15
              },
              style: {
                  axisLine: false
              }
          }],
          series: {
              type: 'candlestick',
              xField: 'time',
              openField: 'open',
              highField: 'high',
              lowField: 'low',
              closeField: 'close',
              style: {
                  dropStyle: {
                      fill: 'rgb(237, 123, 43)',
                      stroke: 'rgb(237, 123, 43)'
                  },
                  raiseStyle: {
                      fill: 'rgb(55, 153, 19)',
                      stroke: 'rgb(55, 153, 19)'
                  }
              }
          }
      }
  });
  </code></pre>
  
  <p>I also tried to add a div and have it rendered to it but it doesn't work</p>
  
  <pre><code>&lt;div id = "frm"&gt;&lt;/div&gt;
  
  /*...*/
  
  renderTo : 'frm'
  </code></pre>
  
  <p>I'm not totally sure if the reason for that is because of the <strong>ExtJS</strong> version but based on Sencha documentation, candlestick charts <code>Ext.chart.series.CandleStick</code> have been introduced in version <strong>5.0.0</strong> of ExtJS. </p>
  
  <p>Please correct me if i'm wrong.</p>