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 codeExt.define('FSSP.controller.Charts', {extend: 'Ext.app.Controller',// Stores to loadstores: ['WeatherPoints'], models: ['WeatherPoint'],// Views to loadviews: ['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
