title: Ext chart autosize
body: <p>I'm trying to make a chart(ext 4.1):</p>
  
  <pre><code>    var chart = Ext.create('Ext.chart.Chart', {
      width: 280,
      height: 230,
      animate: true,
      autoSize: true,
      shadow: true,
      store: storeChart2,
      renderTo: 'chart2',
      legend: {
  //position: 'right'
      },
      theme: 'Base:gradients',
      series: [{
          type: 'pie',
          field: 'data',
          showInLegend: false,
          highlight: {
            segment: {
              margin: 20
            }
          },
           tips: {
                    trackMouse: true,
            width: 100,
                    renderer: function(storeItem, item) {
                      this.setTitle(storeItem.get('name') + ': ' + Math.round(all * storeItem.get('data') / 100) +' ('+ Math.round(storeItem.get('data') / 100 * 100) + '%)');
                    }
                  },
          label: {
              field: 'name',
              display: 'rotate',
              contrast: true,
              font: '12px Arial'
          }
      }]
  });
  </code></pre>
  
  <p>AutoSize: true, - don't work. In Chrome console:</p>
  
  <pre><code>Error: Invalid value for &lt;svg&gt; attribute width="-Infinity"
  Error: Invalid value for &lt;svg&gt; attribute height="-Infinity"
  </code></pre>
  
  <p>What's wrong?</p>