Hi,
I read some threads about this in previous ExtJS versions. I use 4.1 and am having trouble getting my line chart to display with a time x-axis. What am I doing wrong? The time is getting correctly parsed and when I inspect the chart object in chrome, the store has the data loaded, but it doesn't show.

The chart x-axis has time from years 1969 to 1970 and doesn't plot the data time axis.

PS. The static data is just for testing, but the chart will update new data every few seconds.

Data:
Code:
[{'completecountackd': 140,
'completecountpending': 0,
'completecountqueued': 0,
'cpupct': "15",
'davailpct': "75",
'dfree': 39390769152,
'dfreeh': "36.7 GB",
'dsize': 49199063040,
'dsizeh': "45.8 GB",
'ip': "192.168.5.198",
'mempct': "74",
'time': "2012-04-06 08:05:57",
'workcountackd': 20,
'workcountpending': 0,
'workcountqueued': 0},
{'completecountackd': 120,
'completecountpending': 0,
'completecountqueued': 0,
'cpupct': "15",
'davailpct': "75",
'dfree': 39390769152,
'dfreeh': "36.7 GB",
'dsize': 49199063040,
'dsizeh': "45.8 GB",
'ip': "192.168.5.198",
'mempct': "74",
'time': "2012-04-06 08:08:57",
'workcountackd': 20,
'workcountpending': 0,
'workcountqueued': 0}]
Store:
Code:
    Ext.define('Server', {
        extend: 'Ext.data.Model',
        fields: [{name: 'time', type: 'date', dateFormat: 'Y-m-d H:i:s'},'completecountpending', 'completecountackd', 'completecountqueued','workcountpending', 'workcountackd', 'workcountqueued' ]
    });

    var store = new Ext.data.JsonStore({
        model:'Server',
        data:data
    });
Chart:
Code:
    var series2 = Ext.create('Ext.Panel',{
        region:'center',
        layout: 'fit',
        items:[{
            xtype: 'chart',
            style: 'background:#fff',
            id: 'chartCmp',
            store: store,
            shadow: false,
            animate: true,
            legend: {
                position: 'right'
            },            
            axes: [{
                type: 'Numeric',
                grid: true,
                minimum: 0,
                maximum: 1000,
                position: 'left',
                fields: ['completecountpending', 'completecountackd', 'completecountqueued','workcountpending', 'workcountackd', 'workcountqueued'],
                title: 'Messages',
                grid: {
                    odd: {
                        fill: '#dedede',
                        stroke: '#ddd',
                        'stroke-width': 0.5
                    }
                }
            }, {
                type: 'Time',
                position: 'bottom',
                fields: {name: 'time', type: 'date', dateFormat: 'Y-m-d H:i:s'},
                title: 'Time',
                dateFormat: 'Y-m-d H:i:s'
            }],
            series: [{
                type: 'line',
                smooth: false,
                axis: ['left', 'bottom'],
                xField: 'time',
                yField: 'completecountpending',
                label: {
                    display: 'Complete Pending',
                    field: 'completecountpending',
                    renderer: function(v) { return v >> 0; },
                    'text-anchor': 'middle'
                },
                tips: {
                    trackMouse: true,
                    width: 580,
                    height: 35,
                    layout: 'fit',
                    renderer: function(klass, item) {
                        var storeItem = item.storeItem;
                        
                        this.setTitle("Information for " + storeItem.get('name'));
                    }
                },
                markerConfig: {
                    radius: 5,
                    size: 5
                }
            },{
                type: 'line',
                smooth: false,
                axis: ['left', 'bottom'],
                xField: 'time',
                yField: 'completecountackd',
                label: {
                    display: 'Complete ACKD',
                    field: 'completecountackd',
                    renderer: function(v) { return v >> 0; },
                    'text-anchor': 'middle'
                },
                tips: {
                    trackMouse: true,
                    width: 580,
                    height: 35,
                    layout: 'fit',
                    renderer: function(klass, item) {
                        var storeItem = item.storeItem;
                        
                        this.setTitle("Information for " + storeItem.get('name'));
                    }
                },
                markerConfig: {
                    radius: 5,
                    size: 5
                }
            },{
                type: 'line',
                smooth: false,
                axis: ['left', 'bottom'],
                xField: 'time',
                yField: 'completecountqueued',
                label: {
                    display: 'Complete Queued',
                    field: 'completecountqueued',
                    renderer: function(v) { return v >> 0; },
                    'text-anchor': 'middle'
                },
                tips: {
                    trackMouse: true,
                    width: 580,
                    height: 35,
                    layout: 'fit',
                    renderer: function(klass, item) {
                        var storeItem = item.storeItem;
                        
                        this.setTitle("Information for " + storeItem.get('name'));
                    }
                },
                markerConfig: {
                    radius: 5,
                    size: 5
                }
            }]
        }
        ]
    });