title: Ext.chart.Chart Not Working
body: <p>When i replace with <strong>Ext.chart.CartesianChart</strong> with <strong>Ext.chart.Chart</strong> its not working,Here the code,</p>
  
  <p><strong>CartesianChart chart</strong></p>
  
  <pre><code>Ext.define("dashboard.view.HrsWorkedChart", {
         extend: "Ext.chart.CartesianChart",
         requires: [
                    "Ext.TitleBar",
                    "Ext.chart.CartesianChart",
                    "Ext.chart.series.Line",
                    "Ext.chart.axis.Numeric",
                    "Ext.chart.axis.Category",
                    "Ext.draw.sprite.Circle"
                    ],
         alias: "widget.hrsworkedchart",
         config: {
         flex: 1,
         xtype: "chart",
         store: "HrsAndValueByYear",
         cls: "chart",
         innerPadding: 20,
         animate: true,
         series: [
                  {
                  type: "line",
                  xField: "year",
                  yField: "hrsworked",
                  title: "Hours Worked",
                  style: {
                  stroke: "#003366",
                  lineWidth: 3
                  },
                  marker: {
                  type: "circle",
                  stroke: "#003366",
                  radius: 5,
                  lineWidth: 3
                  },
                  label: {
                  field: "hrsworked",
                  color: "#000",
                  display: "over",
                  font:"10px Helvetica"
                  }
                  },
                  {
                  type: "line",
                  xField: "year",
                  yField: "hrsbilled",
                  title: "Hours Billed",
                  style: {
                  stroke: "#6d0060",
                  lineWidth: 3
                  },
                  marker: {
                  type: "circle",
                  stroke: "#6d0060",
                  radius: 5,
                  lineWidth: 3
                  },
                  label: {
                  field: "hrsbilled",
                  color: "#000",
                  display: "over",
                  font: "10px Helvetica"
                  }
                  }
                  ],
         axes: [
                {
                type: "numeric",
                position: "left",
                title: {
                fontSize: 15,
                text: "Hrs"
                },
                minimum: 130000,
                maximum: 180000,
                grid: {
                even: {
                fill: "#f9f9f9"
                }
                }
                },
                {
                type: "category",
                position: "bottom"
                }
                ]
         }
         });
  </code></pre>
  
  <p><strong>Ext.Chart.Chart</strong></p>
  
  <pre><code>Ext.define("dashboard.view.HrsWorkedChart", {
         extend: "Ext.chart.Chart",
         alias : "widget.hrsworkedchart",
         flex: 1,
         shadow: true,
         animate: true,
         store: "HrsAndValueByYear",
         axes: [{
                type: 'Numeric',
                position: 'left',
                fields: ['year'],
                minimum: 0,
                hidden: true
                }, {
                type: 'Category',
                position: 'bottom',
                fields: ['hrsworked'],
                label: {
                renderer: function(v) {
                return Ext.String.ellipsis(v, 15, false);
                },
                font: '9px Arial',
                rotate: {
                degrees: 270
                }
                }
                }],
         series: [{
                  type: 'column',
                  axis: 'left',
                  highlight: true,
                  style: {
                  fill: '#456d9f'
                  },
                  highlightCfg: {
                  fill: '#a2b5ca'
                  },
                  label: {
                  contrast: true,
                  display: 'insideEnd',
                  field: 'year',
                  color: '#000',
                  orientation: 'vertical',
                  'text-anchor': 'middle'
                  },
                  xField: 'name',
                  yField: ['price']
                  }]        
         });
  </code></pre>
  
  <p>Whats wrong with my code.Please help me to solve</p>