You found a bug! We've classified it as EXTJS-5719 . We encourage you to continue the discussion and to find an acceptable workaround while we work on a permanent fix.
  1. #1
    Sencha Premium Member chaimon's Avatar
    Join Date
    Mar 2012
    Posts
    2
    Vote Rating
    0
    chaimon is on a distinguished road

      0  

    Exclamation Scatter Chart problem upon adding min and max values

    Scatter Chart problem upon adding min and max values


    REQUIRED INFORMATION
    Ext version tested:
    • Ext 4.0.7
    Browser versions tested against:
    • Chrome 17.0.963.79 m
    • FF 10.02 (firebug 1.9.1 installed)
    DOCTYPE tested against:
    • xhtml11.dtd
    Description:
    • On Scatter Chart, once adding minimum and/or maximum axes values the x position of the circle always starts from minimum value and ends at the maximum value, causing the circle to appear on the wrong position, the y position is working as expected.
    Steps to reproduce the problem:
    • Just run the Scatter Chart with any data and try to change the minimum and maximum values see that the circles x position is always set to the changed values and not to the real value
    The result that was expected:
    • A gap from left and right, top and bottom
    The result that occurs instead:
    • The gap appears only at the top and bottom
    Test Case:

    Code:
    // store data    
    data.push({name: "first", data1: 100, data2: 70, data3: 10, data4: "#f00"});    
    data.push({name: "second", data1: 130, data2: 150, data3: 20, data4: "#0f0"});    
    data.push({name: "third", data1: 220, data2: 220, data3: 10, data4: "#00f"});    
    data.push({name: "forth", data1: 120, data2: 150, data3: 25, data4: "#f0f"});        
    /* LEGEND: */    
    /*    
    name = name (any text)    
    data1 = xpos    
    data2 = ypos    
    data3 = circle radius    
    data4 = circle color    
    */        
    
    Ext.require('Ext.chart.*');    
    Ext.require(['Ext.Window', 'Ext.fx.target.Sprite', 'Ext.layout.container.Fit']);    
    Ext.onReady(function () {                
          var chart = Ext.create('Ext.chart.Chart', {           
          id: 'chartCmp',            
          animate: true,            
          store: store1,
          smooth: true,            
          style: 'background:#FFF',            
          insetPadding: 10,                        
          axes: [{
                        type: 'Numeric',
                        title: 'Application Quality',
                        position: 'left',
                        fields: ['data2'],
                        grid: true,
                        minorTickSteps: 1,
                        minimum: 0,
                        maximum: 300
                     }, {
                        type: 'Numeric',
                        title: 'Rating',
                        position: 'bottom',
                        fields: ['data1'],
                        grid: true,
                        minimum: 0, 
                       maximum: 300
                 }],            
           series: [{
                    type: 'scatter',
                    axis: 'left',
                    xField: 'data1',
                    yField: 'data2',
                    highlight: false,
                    tips: {
                        trackMouse: true,
                        width: 60,
                        height: 28,
                        renderer: function(storeItem, item) {
                            this.setTitle(storeItem.get('data1') + "/" + storeItem.get('data2'));
                        }
                    },
                    markerConfig: {
                        type: 'circle',
                        radius: 20,//default radius
                    },
                    //renderer: calcRadius('data3')
                }]
            });
            var win = Ext.create('Ext.Window', {
                id: 'myWin',
                width: 400,
                height: 400,
                hidden: false,
                maximizable: true,
                title: '-- Scatter Chart Renderer --',
                renderTo: Ext.getBody(),
                layout: 'fit',
                items: [chart]
            });
        });
    HELPFUL INFORMATION
    Screenshot or Video:Debugging already done:
    none
    Possible fix:
    not provided
    Additional CSS used:
    only default ext-all.css
    Operating System:
    win7 64bit
    Last edited by chaimon; 27 Mar 2012 at 4:45 AM. Reason: mismatch

  2. #2
    Sencha - Senior Forum Manager mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    37,525
    Vote Rating
    872
    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


    Can you check against 4.1.0 RC1?
    Mitchell Simoens @SenchaMitch
    Sencha Inc, Senior Forum Manager
    ________________
    Check out my GitHub, lots of nice things for Ext JS 4 and Sencha Touch 2
    https://github.com/mitchellsimoens

    Think my support is good? Get more personalized support via a support subscription. https://www.sencha.com/store/

    Need more help with your app? Hire Sencha Services services@sencha.com

    Want to learn Sencha Touch 2? Check out Sencha Touch in Action that is in print!

    When posting code, please use BBCode's CODE tags.

  3. #3
    Sencha Premium Member chaimon's Avatar
    Join Date
    Mar 2012
    Posts
    2
    Vote Rating
    0
    chaimon is on a distinguished road

      0  

    Default


    Checked it, same problem...
    10x

  4. #4
    Ext JS Premium Member
    Join Date
    Oct 2011
    Posts
    1
    Vote Rating
    0
    cmonster is on a distinguished road

      0  

    Default


    any fix/workaround for this? thanks.