Hey,
I'm trying to make a chart and I'm using the code given in the docs. Here is the code.
The problem is that it is not plotting the chart correctly.

Code:
Ext.setup({
    tabletStartupScreen: 'tablet_startup.jpg',
    phoneStartupScreen: 'phone_startup.jpg',
    tabletIcon: 'icon-ipad.png',
    phoneIcon: 'icon-iphone.png',
    glossOnIcon: false,
    requires: ['Ext.chart.Panel',
        'Ext.chart.axis.Numeric',
        'Ext.chart.axis.Category',
        'Ext.chart.series.Line'],
    onReady: function () {
        var store = new Ext.data.JsonStore({
            fields: ['name', 'data1', 'data2', 'data3', 'data4', 'data5'],
            data: [
                {'name':'metric one', 'data1':10, 'data2':12, 'data3':14, 'data4':8, 'data5':13},
                {'name':'metric two', 'data1':7, 'data2':8, 'data3':16, 'data4':10, 'data5':3},
                {'name':'metric three', 'data1':5, 'data2':2, 'data3':14, 'data4':12, 'data5':7},
                {'name':'metric four', 'data1':2, 'data2':14, 'data3':6, 'data4':1, 'data5':23},
                {'name':'metric five', 'data1':27, 'data2':38, 'data3':36, 'data4':13, 'data5':33}
            ]
        });
        var chart = Ext.create('Ext.Container', {
                fullscreen: true,
                layout: 'fit',
                items: [ 
                    {
                        xtype: 'toolbar',
                        docked: 'top',
                        title: 'feelings',
                    },
                    {
                        xtype: 'chart',
                        renderTo: Ext.getBody(),
                        //width: 500,
                        //height: 300,
                        animate: true,
                        store: store,
                        axes: [{
                            type: 'Numeric',
                            position: 'top',
                            fields: ['data1'],
                            title: 'Sample Values',
                            grid: true,
                            minimum: 0
                        }, {
                            type: 'Category',
                            position: 'left',
                            fields: ['name'],
                            title: 'Sample Metrics'
                        }],
                        series: [{
                            type: 'line',
                            highlight: {
                                size: 7,
                                radius: 7
                            },
                            axis: 'left',
                            xField: 'name',
                            yField: 'data1',
                            markerConfig: {
                                type: 'cross',
                                size: 4,
                                radius: 4,
                                'stroke-width': 0
                            }
                        }, {
                            type: 'line',
                            highlight: {
                                size: 7,
                                radius: 7
                            },
                            axis: 'left',
                            fill: true,
                            xField: 'name',
                            yField: 'data3',
                            markerConfig: {
                                type: 'circle',
                                size: 4,
                                radius: 4,
                                'stroke-width': 0
                            }
                    }
                ]
            }, ] } 
            
            );
        Ext.Viewport.add(chart);    
    }
});