Gelmiş geçmiş en büyük porno sitemiz olan 2pe de her zaman en kaliteli pornoları sunmayı hedefledik. Diğer video sitemiz olan vuam da ise hd porno ağırlıklı çalışmalara başladık.

    Thank you for reporting this bug. We will make it our priority to review this report.
  1. #1
    Sencha User
    Join Date
    Aug 2011
    Posts
    15
    Vote Rating
    0
    alstsmith is on a distinguished road

      0  

    Default Unanswered: First Run Render error

    Unanswered: First Run Render error


    Hi there, have got a really nice combo chart working, looks great on Safari and renders as expected on iPhone except for the first graph on the first panel.
    I'm sure it's something dumb i've done when pulling some functionality out of the example but would love any tips about why it's rendering like this. As soon as I tab to another chart then tab back the first panel renders fine, as does a orientation change.

    Code below with attached example images.



    Many thanks.
    Code:
    Ext.setup({
    tabletStartupScreen: 'tablet_startup.jpg',
    phoneStartupScreen: 'phone_startup.jpg',
    tabletIcon: 'icon-ipad.png',
    phoneIcon: 'icon-iphone.png',
    glossOnIcon: false,
    onReady: function() {
    
    
    window.store4 = new Ext.data.JsonStore({
    idproperty:'day',
    fields:['day', 'number'],
    autoLoad: true,
    proxy: {
    type: 'ajax',
    method:'GET',
    url:'numbers.json',
    reader: {
    type: 'json', root: 'daily' }
    }
    });
    
    
    
    window.store1 = new Ext.data.JsonStore({
    idproperty:'date',
    fields:['date', 'percent'],
    autoLoad: true,
    proxy: {
    type: 'ajax',
    method:'GET',
    url:'troponin.json',
    reader: {
    type: 'json', root: 'troponin' }
    }
    
    });
    
    
    
    
    window.store5 = new Ext.data.JsonStore({
    idproperty:'Period',
    fields:['Period', 'IndividualValue', 'UpperLimit','LowerLimit','CentreValue'],
    autoLoad: true,
    proxy: {
    type: 'ajax',
    method:'GET',
    url:'histo.json',
    reader: {
    type: 'json', root: 'histology' }
    }
    
    });
    
    
    
    window.store2 = new Ext.data.JsonStore({
    idproperty:'modality',
    fields:['modality', 'value'],
    autoLoad: true,
    proxy: {
    type: 'ajax',
    method:'GET',
    url:'types.json',
    reader: {
    type: 'json', root: 'types' }
    }
    
    });
    
    
    
    window.store3 = new Ext.data.JsonStore({
    idproperty:'time',
    fields:['time', 'registrations', 'hours'],
    autoLoad: true,
    proxy: {
    type: 'ajax',
    method:'GET',
    url:'reghours.json',
    reader: {
    type: 'json', root: 'regnumbers' }
    }
    
    }); 
    
    
    
    
    
    
    
    var Troponin = new Ext.Panel({
    title: 'Troponin',
    
    layout:'fit',
    iconCls:'column',
    dockedItems: {
    dock: 'top',
    xtype: 'toolbar',
    title: 'Troponin Positivity',
    items: [{
    xtype: 'spacer'
    }]
    },
    items: [
    new Ext.chart.Chart({
    cls: 'column1',
    theme: 'Base',
    store: store1,
    animate: true,
    shadow: false,
    
    interactions: [
    'reset',
    
    {
    type: 'iteminfo',
    gesture: 'taphold',
    panel: {
    dockedItems: [{
    dock: 'top',
    xtype: 'toolbar',
    title: 'Postive Tests'
    }],
    
    
    html: 'Testing'
    },
    listeners: {
    'show': function(me, item, panel) {
    panel.update('<ul><li><b>Day:</b> ' + item.value[0] + '</li><li><b>Value: </b> ' + item.value[1] + '%</li></ul>');
    }
    }
    },
    {
    type: 'itemcompare',
    
    listeners: {
    'show': function(interaction) {
    var val1 = interaction.item1.value,
    val2 = interaction.item2.value;
    
    
    Troponin.dockedItems.items[0].setTitle(val1[0] + ' to ' + val2[0] + ' : ' + Math.round((val2[1] - val1[1]) / val1[1] * 100) + '%');
    
    },
    'hide': function() {
    Troponin.dockedItems.items[0].setTitle('Troponin Positivity');
    }
    }
    }],
    axes: [{
    type: 'Numeric',
    position: 'left',
    fields: ['percent'],
    minimum: 0,
    maximum: 100,
    label: {
    renderer: function(v) {
    return v.toFixed(0);
    }
    },
    title: '% of Positive Tests'
    },
    {
    type: 'Category',
    position: 'bottom',
    fields: ['date'],
    title: 'Date'
    }],
    series: [{
    type: 'column',
    axis: 'left',
    highlight: true,
    title: ['Percentage'],
    label: {
    field: ['percent']
    },
    xField: 'date',
    yField: ['percent']
    }]
    }) 
    ]
    });
    
    
    var RegHours = new Ext.Panel({
    title: 'Registrations',
    layout: 'fit',
    iconCls: 'line',
    dockedItems: {
    dock: 'top',
    xtype: 'toolbar',
    title: 'Registrations',
    items: [{
    xtype: 'spacer'
    }]
    },
    items: [
    new Ext.chart.Chart({
    cls: 'line1',
    theme: 'Base',
    store: store3,
    animate: true,
    shadow: true,
    legend: {
    position: 'right'
    },
    interactions: [{
    type: 'iteminfo',
    listeners: {
    show: function(interaction, item, panel) {
    var storeItem = item.storeItem;
    panel.update(['<ul><li><b>Day: </b>' + storeItem.get('time') + '</li>', '<li><b>Value: </b> ' + item.value[1] + '</li></ul>'].join(''));
    }
    }
    }],
    axes: [{
    type: 'Numeric',
    minimum: 0,
    maximum: 300,
    position: 'left',
    fields: ['registrations'],
    title: 'Number of Registrations',
    minorTickSteps: 1
    },{
    type: 'Numeric',
    minimum: 0,
    maximum: 20,
    position: 'right',
    fields: ['hours'],
    title: 'Hours',
    minorTickSteps: 1
    }, {
    type: 'Category',
    position: 'bottom',
    fields: ['time'],
    title: 'Time'
    }],
    series: [{
    type: 'line',
    highlight: {
    size: 7,
    radius: 7
    },
    
    axis: 'left',
    xField: 'time',
    yField: 'registrations',
    title: 'Registrations'
    }, {
    type: 'line',
    highlight: {
    size: 7,
    radius: 7
    },
    axis: 'right',
    xField: 'time',
    yField: 'hours',
    title: 'Hours'
    }]
    })
    ]
    });
    
    var pieChart = new Ext.Panel({
    title: 'Test types',
    layout: 'fit',
    iconCls: 'pie',
    dockedItems: {
    dock: 'top',
    xtype: 'toolbar',
    title: 'Conducted Test Types',
    items: [{
    xtype: 'spacer'
    }]
    },
    items: [
    new Ext.chart.Chart({
    cls: 'piecombo1',
    theme: 'Demo',
    store: store2,
    animate: true,
    legend: {
    position: {
    portrait: 'bottom',
    landscape: 'bottom'
    }
    },
    interactions: ['rotate', 'reset'],
    series: [{
    type: 'pie',
    field: 'value',
    donut: 25,
    showInLegend: true,
    highlightDuration: 500,
    highlight: {
    segment: {
    margin: 20
    }
    },
    label: {
    field: 'modality'
    }
    }]
    })
    ]
    }); 
    
    
    
    var histology = new Ext.Panel({
    title: 'Histology',
    layout: 'fit',
    iconCls: 'line',
    dockedItems: {
    dock: 'top',
    xtype: 'toolbar',
    title: 'Histology Bellastratchi',
    items: [{
    xtype: 'spacer'
    }]
    },
    items: [
    new Ext.chart.Chart({
    cls: 'line1',
    theme: 'Base',
    store: store5,
    animate: true,
    shadow: true,
    
    interactions: [{
    type: 'iteminfo',
    listeners: {
    show: function(interaction, item, panel) {
    var storeItem = item.storeItem;
    panel.update(['<ul><li><b>Day: </b>' + storeItem.get('Period') + '</li>', '<li><b>Value: </b> ' + item.value[1] + '</li></ul>'].join(''));
    }
    }
    }],
    axes: [{
    type: 'Numeric',
    minimum: 0,
    maximum: 16,
    position: 'left',
    fields: ['IndividualValue', 'UpperLimit','LowerLimit','CentreValue'],
    title: 'Individual Value',
    minorTickSteps: 1
    },{
    type: 'Numeric',
    minimum: 0,
    maximum: 16,
    position: 'right',
    fields: ['IndividualValue', 'UpperLimit','LowerLimit','CentreValue'],
    title: 'Individual Value',
    minorTickSteps: 1
    }, {
    type: 'Category',
    position: 'bottom',
    fields: ['Period'],
    title: 'Month'
    }],
    series: [{
    type: 'line',
    highlight: {
    size: 7,
    radius: 7
    },
    
    smooth: true,
    axis: 'left',
    xField: 'Period',
    yField: 'UpperLimit'
    
    }, {
    type: 'line',
    highlight: {
    size: 7,
    radius: 7
    },
    axis: 'left',
    smooth: true,
    xField: 'Period',
    yField: 'LowerLimit'
    
    }, {
    type: 'line',
    highlight: {
    size: 7,
    radius: 7
    },
    axis: 'left',
    smooth: true,
    xField: 'Period',
    yField: 'IndividualValue'
    }, {
    type: 'line',
    highlight: {
    size: 7,
    radius: 7
    },
    axis: 'left',
    smooth: true,
    xField: 'Period',
    yField: 'CentreValue'
    }]
    })
    ]
    });
    
    
    var ConductTest = new Ext.chart.Panel({
    title: 'Daily Tests',
    layout: 'fit',
    iconCls: 'line',
    
    items: [{
    xtype: 'chart',
    cls: 'line1',
    theme: 'Base',
    store: store4,
    animate: true,
    shadow: true,
    
    interactions: [{
    type: 'iteminfo',
    listeners: {
    show: function(interaction, item, panel) {
    var storeItem = item.storeItem;
    panel.update(['<ul><li><b>Month: </b>' + storeItem.get('day') + '</li>', '<li><b>Value: </b> ' + item.value[1] + '</li></ul>'].join(''));
    }
    }
    }],
    axes: [{
    type: 'Numeric',
    minimum: 0,
    maximum: 4000,
    position: 'left',
    fields: ['number'],
    title: 'Number of Tests Conducted',
    minorTickSteps: 1
    },{
    type: 'Numeric',
    minimum: 0,
    maximum: 4000,
    position: 'right',
    fields: ['number'],
    title: 'Number of Tests Conducted',
    minorTickSteps: 1
    }, {
    type: 'Category',
    position: 'bottom',
    fields: ['day'],
    title: 'Date'
    }],
    series: [{
    type: 'line',
    highlight: {
    size: 7,
    radius: 7
    },
    
    axis: 'left',
    xField: 'day',
    yField: 'number',
    title: 'Count'
    }]
    }
    ]
    });
    
    
    var tabpanel = new Ext.TabPanel({
    tabBar: {
    dock: 'bottom',
    layout: {
    pack: 'center'
    }
    },
    fullscreen: true,
    cardSwitchAnimation: {
    type: 'slide'
    },
    items: [ConductTest, Troponin, RegHours, pieChart, histology]
    });
    }
    });
    Attached Images

  2. #2
    Sencha User
    Join Date
    Nov 2010
    Posts
    168
    Vote Rating
    0
    philogb is on a distinguished road

      0  

    Default


    Hi - Thanks for your report.

    It is kind of difficult for me to see in the code you sent me if there's an error. Could you either try to provide also the json information so I can test it locally or provide a simpler use case that I can test in my machine?

    Thanks,

  3. #3
    Sencha User
    Join Date
    Aug 2011
    Posts
    15
    Vote Rating
    0
    alstsmith is on a distinguished road

      0  

    Default


    Code:
    Ext.setup({
        tabletStartupScreen: 'tablet_startup.jpg',
        phoneStartupScreen: 'phone_startup.jpg',
        tabletIcon: 'icon-ipad.png',
        phoneIcon: 'icon-iphone.png',
        glossOnIcon: false,
        onReady: function() {
        
       
       window.store4 = new Ext.data.JsonStore({
       idproperty:'day',
       fields:['day', 'number'],
       autoLoad: true,
       proxy: {
       type: 'ajax',
       method:'GET',
       url:'numbers.json',
       reader: {
        type: 'json', root: 'daily' }
        }
        });
        
          
       
           
     
       
       window.store3 = new Ext.data.JsonStore({
       idproperty:'time',
       fields:['time', 'registrations', 'hours'],
       autoLoad: true,
       proxy: {
       type: 'ajax',
       method:'GET',
       url:'reghours.json',
       reader: {
        type: 'json', root: 'regnumbers' }
        }
        
        });      
          
    
    
            
    
    
    
    
            var RegHours = new Ext.Panel({
                title: 'Registrations',
                layout: 'fit',
                iconCls: 'line',
                dockedItems: {
                    dock: 'top',
                    xtype: 'toolbar',
                    title: 'Registrations',
                    items: [{
                    xtype: 'spacer'
                    }]
                },
                items: [
                new Ext.chart.Chart({
                    cls: 'line1',
                    theme: 'Base',
                    store: store3,
                    animate: true,
                    shadow: true,
                    legend: {
                        position: 'right'
                    },
                   interactions: [{
                       type: 'iteminfo',
                       listeners: {
                           show: function(interaction, item, panel) {
                               var storeItem = item.storeItem;
                               panel.update(['<ul><li><b>Day: </b>' + storeItem.get('time') + '</li>', '<li><b>Value: </b> ' + item.value[1] + '</li></ul>'].join(''));
                           }
                       }
                   }],
                    axes: [{
                        type: 'Numeric',
                        minimum: 0,
                        maximum: 300,
                        position: 'left',
                        fields: ['registrations'],
                        title: 'Number of Registrations',
                        minorTickSteps: 1
                    },{
                        type: 'Numeric',
                        minimum: 0,
                        maximum: 20,
                        position: 'right',
                        fields: ['hours'],
                        title: 'Hours',
                        minorTickSteps: 1
                    }, {
                        type: 'Category',
                        position: 'bottom',
                        fields: ['time'],
                        title: 'Time'
                    }],
                    series: [{
                        type: 'line',
                        highlight: {
                            size: 7,
                            radius: 7
                        },
                        
                        axis: 'left',
                        xField: 'time',
                        yField: 'registrations',
                        title: 'Registrations'
                    }, {
                        type: 'line',
                        highlight: {
                            size: 7,
                            radius: 7
                        },
                        axis: 'right',
                        xField: 'time',
                        yField: 'hours',
                        title: 'Hours'
                    }]
                })
                ]
            });
     
     	
    
    
            var ConductTest = new Ext.chart.Panel({
                title: 'Daily Tests',
                layout: 'fit',
                iconCls: 'line',
                
                items: [{
                xtype: 'chart',
                    cls: 'line1',
                    theme: 'Base',
                    store: store4,
                    animate: true,
                    shadow: true,
                    
                   interactions: [{
                       type: 'iteminfo',
                       listeners: {
                           show: function(interaction, item, panel) {
                               var storeItem = item.storeItem;
                               panel.update(['<ul><li><b>Month: </b>' + storeItem.get('day') + '</li>', '<li><b>Value: </b> ' + item.value[1] + '</li></ul>'].join(''));
                           }
                       }
                   }],
                    axes: [{
                        type: 'Numeric',
                        minimum: 0,
                        maximum: 4000,
                        position: 'left',
                        fields: ['number'],
                        title: 'Number of Tests Conducted',
                        minorTickSteps: 1
                    },{
                        type: 'Numeric',
                        minimum: 0,
                        maximum: 4000,
                        position: 'right',
                        fields: ['number'],
                        title: 'Number of Tests Conducted',
                        minorTickSteps: 1
                    }, {
                        type: 'Category',
                        position: 'bottom',
                        fields: ['day'],
                        title: 'Date'
                    }],
                    series: [{
                        type: 'line',
                        highlight: {
                            size: 7,
                            radius: 7
                        },
                        
                        axis: 'left',
                        xField: 'day',
                        yField: 'number',
                        title: 'Count'
                    }]
                }
                ]
            });
    
    
            var tabpanel = new Ext.TabPanel({
                tabBar: {
                    dock: 'bottom',
                    layout: {
                        pack: 'center'
                    }
                },
                fullscreen: true,
                cardSwitchAnimation: {
                    type: 'slide'
                },
                items: [ConductTest, RegHours]
            });
        }
    });
    This is a simplified version. Hope it helps. These are the respective json files.
    Code:
    {"regnumbers" : [{ "time": "0100", "registrations":5, "hours":1},
                { "time": "0130", "registrations":5, "hours":2},
                { "time": "0200", "registrations":7, "hours":2},
                { "time": "0230", "registrations":14, "hours":2},
                { "time": "0300", "registrations":2, "hours":2},
                { "time": "0330", "registrations":4, "hours":1},
                { "time": "0400", "registrations":5, "hours":2},
                 { "time": "0430", "registrations":13, "hours":2},
                { "time": "0500", "registrations":7, "hours":1},
                { "time": "0530", "registrations":7, "hours":2},
                { "time": "0600", "registrations":6, "hours":3},
                { "time": "0630", "registrations":20, "hours":2},
                { "time": "0700", "registrations":14, "hours":1},
                 { "time": "0730", "registrations":14, "hours":2},
                { "time": "0800", "registrations":49, "hours":3},
                { "time": "0830", "registrations":140, "hours":8},
                { "time": "0900", "registrations":136, "hours":12},
                { "time": "0930", "registrations":168, "hours":12},
                 { "time": "1000", "registrations":189, "hours":12},
                { "time": "1030", "registrations":283, "hours":16},
                { "time": "1100", "registrations":190, "hours":15},
                { "time": "1130", "registrations":148, "hours":16},
                { "time": "1200", "registrations":203, "hours":17},
                { "time": "1230", "registrations":138, "hours":16},
                 { "time": "1300", "registrations":165, "hours":15},
                { "time": "1330", "registrations":136, "hours":16},
                { "time": "1400", "registrations":169, "hours":17},
                { "time": "1430", "registrations":153, "hours":17},
                { "time": "1500", "registrations":173, "hours":17},
                { "time": "1530", "registrations":113, "hours":13},
                 { "time": "1600", "registrations":125, "hours":12},
                { "time": "1630", "registrations":127, "hours":11},
                { "time": "1700", "registrations":124, "hours":13},
                { "time": "1730", "registrations":57, "hours":6},
                { "time": "1800", "registrations":75, "hours":10},
                { "time": "1830", "registrations":103, "hours":10},
                { "time": "1900", "registrations":104, "hours":8},
                 { "time": "2000", "registrations":90, "hours":8},
                { "time": "2030", "registrations":36, "hours":5},
                { "time": "2100", "registrations":53, "hours":6},
                { "time": "2130", "registrations":23, "hours":4},
                { "time": "2200", "registrations":8, "hours":2},
                { "time": "2230", "registrations":16, "hours":3}, 
                { "time": "2300", "registrations":30, "hours":3},
                { "time": "2330", "registrations":17, "hours":3},
                { "time": "0000", "registrations":6, "hours":1},
                { "time": "0030", "registrations":10, "hours":2}
                ]
                
     }
    and

    Code:
    {"daily" :[
    	{
    		"day": "1/06/2011",
    		"number": 3385
    	},
    	{
    		"day": "2/06/2011",
    		"number": 3424
    	},
    	{
    		"day": "3/06/2011",
    		"number": 3273
    	},
    	{
    		"day": "7/06/2011",
    		"number": 3839
    	},
    	{
    		"day": "8/06/2011",
    		"number": 3597
    	},
    	{
    		"day": "9/06/2011",
    		"number": 3712
    	},
    	{
    		"day": "10/06/2011",
    		"number": 3318
    	},
    	{
    		"day": "13/06/2011",
    		"number": 3155
    	},
    	{
    		"day": "14/06/2011",
    		"number": 2817
    	},
    	{
    		"day": "15/06/2011",
    		"number": 2994
    	},
    	{
    		"day": "16/06/2011",
    		"number": 3134
    	},
    	{
    		"day": "17/06/2011",
    		"number": 3203
    	},
    	{
    		"day": "20/06/2011",
    		"number": 3539
    	},
    	{
    		"day": "21/06/2011",
    		"number": 3472
    	},
    	{
    		"day": "22/06/2011",
    		"number": 3257
    	},
    	{
    		"day": "23/06/2011",
    		"number": 3263
    	},
    	{
    		"day": "24/06/2011",
    		"number": 3211
    	},
    	{
    		"day": "28/06/2011",
    		"number": 3429
    	},
    	{
    		"day": "29/06/2011",
    		"number": 3338
    	},
    	{
    		"day": "30/06/2011",
    		"number": 3323
    	},
    	{
    		"day": "1/07/2011",
    		"number": 3261
    	},
    	{
    		"day": "4/07/2011",
    		"number": 3564
    	},
    	{
    		"day": "5/07/2011",
    		"number": 3383
    	},
    	{
    		"day": "6/07/2011",
    		"number": 3292
    	},
    	{
    		"day": "7/07/2011",
    		"number": 3326
    	},
    	{
    		"day": "8/07/2011",
    		"number": 3178
    	},
    	{
    		"day": "11/07/2011",
    		"number": 3611
    	},
    	{
    		"day": "12/07/2011",
    		"number": 3434
    	},
    	{
    		"day": "13/07/2011",
    		"number": 3239
    	},
    	{
    		"day": "14/07/2011",
    		"number": 3195
    	},
    	{
    		"day": "15/07/2011",
    		"number": 3083
    	},
    	{
    		"day": "18/07/2011",
    		"number": 3520
    	},
    	{
    		"day": "19/07/2011",
    		"number": 3289
    	},
    	{
    		"day": "20/07/2011",
    		"number": 3145
    	},
    	{
    		"day": "21/07/2011",
    		"number": 2984
    	},
    	{
    		"day": "22/07/2011",
    		"number": 3075
    	},
    	{
    		"day": "25/07/2011",
    		"number": 2410
    	},
    	{
    		"day": "26/07/2011",
    		"number": 2368
    	},
    	{
    		"day": "28/07/2011",
    		"number": 3110
    	},
    	{
    		"day": "29/07/2011",
    		"number": 3091
    	},
    	{
    		"day": "1/08/2011",
    		"number": 3651
    	},
    	{
    		"day": "2/08/2011",
    		"number": 3663
    	},
    	{
    		"day": "3/08/2011",
    		"number": 3460
    	},
    	{
    		"day": "4/08/2011",
    		"number": 3541
    	},
    	{
    		"day": "5/08/2011",
    		"number": 3246
    	},
    	{
    		"day": "8/08/2011",
    		"number": 3755
    	},
    	{
    		"day": "9/08/2011",
    		"number": 3508
    	},
    	{
    		"day": "10/08/2011",
    		"number": 3280
    	}
    ]}
    Many thanks for having a look at this.

  4. #4
    Sencha User
    Join Date
    Aug 2011
    Posts
    15
    Vote Rating
    0
    alstsmith is on a distinguished road

      0  

    Default More info

    More info


    I've done some further testing. It's to do with how the data is coming in, I think because of the asynchronous nature???

    Anyway, if I hand code in the data for the first chart like below then the first chart renders correctly.

    Code:
    window.store4 = new Ext.data.JsonStore({
         fields:['day', 'number'],
       data:[{"day": "1/06/2011","number": 3385},{"day": "2/06/2011","number": 3424} ..... {"day": "29/06/2011", "number": 3338},]
    });
    So I think I have to add a delay at somepoint in my loading of the store, but don't know where or how to do this. Any tips?

  5. #5
    Sencha User
    Join Date
    Nov 2010
    Posts
    168
    Vote Rating
    0
    philogb is on a distinguished road

      0  

    Default


    Hi - Thanks for providing the code to test the example. The main problem with the example is that the information is retrieved asynchronously via ajax and the chart is rendered (sometimes), before the actual store has loaded the data. When the chart is rendered with the empty store all the position calculations are set and then when the data is retrieved and loaded into the store the chart is updated but some positioning values fail to be updated as well.

    A good practice for this would be to try to load the store with `store.load()` and then listen to a datachanged or another type of listener to, once the data is loaded, create the panel.

    I didn't add the listener but used a setTimeout instead. This seems to be working on my iPod. It's not the most elegant solution but it points where the problem is

    Code:
    Ext.setup({
        tabletStartupScreen: 'tablet_startup.jpg',
        phoneStartupScreen: 'phone_startup.jpg',
        tabletIcon: 'icon-ipad.png',
        phoneIcon: 'icon-iphone.png',
        glossOnIcon: false,
        onReady: function() {
        
       
       window.store4 = new Ext.data.JsonStore({
       idproperty:'day',
       fields:['day', 'number'],
       autoLoad: true,
       proxy: {
       type: 'ajax',
       method:'GET',
       url:'src/numbers.json',
       reader: {
        type: 'json', root: 'daily' }
        }
        });
        
          
       
           
     
       
       window.store3 = new Ext.data.JsonStore({
       idproperty:'time',
       fields:['time', 'registrations', 'hours'],
       autoLoad: true,
       proxy: {
       type: 'ajax',
       method:'GET',
       url:'src/reghours.json',
       reader: {
        type: 'json', root: 'regnumbers' }
        }
        
        });      
          
    
    
    
    
            
    
    
        store4.load();
        store3.load();
    
    
    
    
        setTimeout(function() {
    
    
            var RegHours = new Ext.Panel({
                title: 'Registrations',
                layout: 'fit',
                iconCls: 'line',
                dockedItems: {
                    dock: 'top',
                    xtype: 'toolbar',
                    title: 'Registrations',
                    items: [{
                    xtype: 'spacer'
                    }]
                },
                items: [
                new Ext.chart.Chart({
                    cls: 'line1',
                    theme: 'Base',
                    store: store3,
                    animate: true,
                    shadow: true,
                    legend: {
                        position: 'right'
                    },
                   interactions: [{
                       type: 'iteminfo',
                       listeners: {
                           show: function(interaction, item, panel) {
                               var storeItem = item.storeItem;
                               panel.update(['<ul><li><b>Day: </b>' + storeItem.get('time') + '</li>', '<li><b>Value: </b> ' + item.value[1] + '</li></ul>'].join(''));
                           }
                       }
                   }],
                    axes: [{
                        type: 'Numeric',
                        minimum: 0,
                        maximum: 300,
                        position: 'left',
                        fields: ['registrations'],
                        title: 'Number of Registrations',
                        minorTickSteps: 1
                    },{
                        type: 'Numeric',
                        minimum: 0,
                        maximum: 20,
                        position: 'right',
                        fields: ['hours'],
                        title: 'Hours',
                        minorTickSteps: 1
                    }, {
                        type: 'Category',
                        position: 'bottom',
                        fields: ['time'],
                        title: 'Time'
                    }],
                    series: [{
                        type: 'line',
                        highlight: {
                            size: 7,
                            radius: 7
                        },
                        
                        axis: 'left',
                        xField: 'time',
                        yField: 'registrations',
                        title: 'Registrations'
                    }, {
                        type: 'line',
                        highlight: {
                            size: 7,
                            radius: 7
                        },
                        axis: 'right',
                        xField: 'time',
                        yField: 'hours',
                        title: 'Hours'
                    }]
                })
                ]
            });
     
     	
    
    
    
    
            var ConductTest = new Ext.chart.Panel({
                title: 'Daily Tests',
                layout: 'fit',
                iconCls: 'line',
                
                items: [{
                xtype: 'chart',
                    cls: 'line1',
                    theme: 'Base',
                    store: store4,
                    animate: true,
                    shadow: true,
                    
                   interactions: [{
                       type: 'iteminfo',
                       listeners: {
                           show: function(interaction, item, panel) {
                               var storeItem = item.storeItem;
                               panel.update(['<ul><li><b>Month: </b>' + storeItem.get('day') + '</li>', '<li><b>Value: </b> ' + item.value[1] + '</li></ul>'].join(''));
                           }
                       }
                   }],
                    axes: [{
                        type: 'Numeric',
                        minimum: 0,
                        maximum: 4000,
                        position: 'left',
                        fields: ['number'],
                        title: 'Number of Tests Conducted',
                        minorTickSteps: 1
                    },{
                        type: 'Category',
                        position: 'bottom',
                        fields: ['day'],
                        title: 'Date'
                    }],
                    series: [{
                        type: 'line',
                        highlight: {
                            size: 7,
                            radius: 7
                        },
                        
                        axis: 'left',
                        xField: 'day',
                        yField: 'number'
                    }]
                }
                ]
            });
    
    
    
    
            var tabpanel = new Ext.TabPanel({
                tabBar: {
                    dock: 'bottom',
                    layout: {
                        pack: 'center'
                    }
                },
                fullscreen: true,
                cardSwitchAnimation: {
                    type: 'slide'
                },
                items: [ConductTest, RegHours]
            });
    
    
        }, 1000);
    
    
        }
    });
    I hope this helps,

Thread Participants: 1