Extjs Chart

I follow exactly as the MVC example. But I always get error in controller file. Any hint would be appreciated.

Ext.Loader.setConfig({ enabled: true });
Ext.application({
name: 'FSSP',   
controllers: [Charts',...], 
autoCreateViewport: true
});

Here is my Controller code

Ext.define('FSSP.controller.Charts', {
extend: 'Ext.app.Controller',

// Stores to load
stores: ['WeatherPoints'],   
models: ['WeatherPoint'],

// Views to load
views: ['center.PieC'],

init: function() {  
    console.log('charts controller init()');
}   
});

Here is my store definition:

Ext.define('FSSP.store.WeatherPoints', {

extend: 'Ext.data.Store', 

model: 'WeatherPoint',

data: [
        { temperature: 58, date: new Date(2011, 1, 1, 8) },
        { temperature: 63, date: new Date(2011, 1, 1, 9) },
        { temperature: 73, date: new Date(2011, 1, 1, 10) },
        { temperature: 78, date: new Date(2011, 1, 1, 11) },
        { temperature: 81, date: new Date(2011, 1, 1, 12) }
      ]
})

Here is my view definition:

Ext.define('FSSP.view.center.PieC', {   
extend: 'Ext.chart.Chart',  

alias: 'widget.piec',   

requires:['Ext.chart.*'],

renderTo: Ext.getBody(),
width: 400,
height: 300,

store:  'WeatherPoints',

axes: [
        {
            title: 'Temperature',
            type: 'Numeric',
            position: 'left',
            fields: ['temperature'],
            minimum: 0,
            maximum: 100
        },
        {
            title: 'Time',
            type: 'Time',
            position: 'bottom',
            fields: ['date'],
            groupBy: 'hour',
            dateFormat: 'ga'
        }
    ],

theme: 'Green',


series: [
     {
         type: 'line',
         xField: 'date',
         yField: 'temperature'
     }
 ]
});  
Extjs Chart