You found a bug! We've classified it as TOUCH-3724 . We encourage you to continue the discussion and to find an acceptable workaround while we work on a permanent fix.
  1. #1
    Sencha User jep's Avatar
    Join Date
    Sep 2010
    Posts
    862
    Vote Rating
    21
    jep will become famous soon enough jep will become famous soon enough

      0  

    Default graph takes full screen when window is big

    graph takes full screen when window is big


    ST 2.1.0 gpl:

    I'm running into a problem where at a certain browser window size, the chart goes kind of nutty and messes with the other widgets on the screen. I've managed to isolate it into this test case:
    Code:
    Ext.application({
        launch:function () {
            this.viewport =
                Ext.create('Ext.Panel', {
                    fullscreen:true,
                    layout:'fit',
                    items:[
                        {
                            xtype:'chart',
                            store:Ext.create('Ext.data.Store', {
                                fields:[
                                    { name:'x', type:'float' },
                                    { name:'y', type:'float' }
                                ],
                                data:[
                                ]
                            }),
                            series:[
                                {type:'line', xField:'x', yField:'y'},
                                {type:'line', xField:'x', yField:'y'},
                                {type:'line', xField:'x', yField:'y'},
                                {type:'line', xField:'x', yField:'y'},
                                {type:'line', xField:'x', yField:'y'},
                                {type:'line', xField:'x', yField:'y'}
                            ],
                            axes:[
                                {
                                    type:'numeric',
                                    position:'left',
                                    fields:['y']
                                },
                                {
                                    type:'numeric',
                                    position:'bottom',
                                    fields:['x']
                                }
                            ]
                        },
                        {
                            xtype:'toolbar',
                            docked:'top',
                            title:'top'
                        },
                        {
                            xtype:'toolbar',
                            docked:'bottom',
                            title:'bottom'
                        }
                    ]
                });
        }
    });
    What happens is that I see the screen first paint with the top and bottom toolbars showing. Then it repaints and the toolbars are gone and the chart is taking up the entire screen.

    I run this in a maximized Chrome window (no dev tools showing) that winds up having document.body.clientWidth/Height = 1920/957. If I make it much smaller than that in either direction, the problem goes away. I also get this on multiple machines. I haven't tested it on a tablet because I don't have any that are nearly that high res.

  2. #2
    Sencha - Senior Forum Manager mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    37,408
    Vote Rating
    851
    mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute

      0  

    Default


    Thanks for the report! I have opened a bug in our bug tracker.

Thread Participants: 1