Success! Looks like we've fixed this one. According to our records the fix was applied for EXTJS-10426 in 4.2.2.1144.
  1. #1
    Ext JS Premium Member
    Join Date
    Sep 2007
    Posts
    216
    Vote Rating
    0
    tigran is on a distinguished road

      0  

    Default Ext.chart.Chart - stacked bar chart width is smaller then expected

    Ext.chart.Chart - stacked bar chart width is smaller then expected


    REQUIRED INFORMATION


    Ext version tested:
    Ext 4.2

    Browser versions tested against:
    Chrome 27 (Windows)

    Description:
    Ext.chart.Chart - stacked bar chart width is smaller then should be when first field's value is less the the second one

    Steps to reproduce the problem:
    see code

    The result that was expected:
    The stacked bar chart width should be correct

    The result that occurs instead:
    The stacked bar chart width is smaller then expected

    Test Case:
    Code:
    Ext.define('Ext.home.StackedBarChartTest', {
    
        extend : 'Ext.chart.Chart',
        
        initComponent : function() {
            var config = {
                store : Ext.create('Ext.data.JsonStore', {
                    fields : ['field1', 'field2'],
                    data : [{'field1':20, 'field2':10}]
                }),
                animate : true,
                shadow : true,
                legend : {
                    position : 'bottom',
                    boxStrokeWidth : 0,
                    padding : 0
                },
                series : [ {
                    type : 'bar',
                    axis : 'bottom',
                    gutter : 0,
                    groupGutter : 0,
                    yField : ['field1', 'field2'],
                    stacked : true
                } ]
            };
    
            Ext.apply(this, Ext.apply(config, this.initialConfig));
            Ext.home.StackedBarChartTest.superclass.initComponent.apply(this, arguments);
        }
    
    });
    *EDIT BY SLEMMON
    Issue observed on 4.1.0 - 4.2.1 using test case below:
    Code:
    Ext.define('Ext.home.StackedBarChartTest', {
    
    
    
    
        extend : 'Ext.chart.Chart',
        
        initComponent : function() {
            var config = {
                store : Ext.create('Ext.data.JsonStore', {
                    fields : ['field1', 'field2'],
                    data : [{'field1':10, 'field2':20}]
                }),
                animate : true,
                shadow : true,
                legend : {
                    position : 'bottom',
                    boxStrokeWidth : 0,
                    padding : 0
                },
                series : [ {
                    type : 'bar',
                    axis : 'bottom',
                    gutter : 0,
                    groupGutter : 0,
                    yField : ['field1', 'field2'],
                    stacked : true
                } ]
            };
    
    
    
    
            Ext.apply(this, Ext.apply(config, this.initialConfig));
            Ext.home.StackedBarChartTest.superclass.initComponent.apply(this, arguments);
        }
    
    
    
    
    });
    
    
    
    
    Ext.create('Ext.home.StackedBarChartTest', {
        renderTo: document.body,
        height: 100,
        width: 400
    });
    Attached Images
    Last edited by slemmon; 27 Jun 2013 at 1:19 PM. Reason: Additional test notes

  2. #2
    Sencha - Support Team slemmon's Avatar
    Join Date
    Mar 2009
    Location
    Boise, ID
    Posts
    4,770
    Vote Rating
    165
    slemmon is a splendid one to behold slemmon is a splendid one to behold slemmon is a splendid one to behold slemmon is a splendid one to behold slemmon is a splendid one to behold slemmon is a splendid one to behold slemmon is a splendid one to behold

      0  

    Default


    I'm not totally sure what each of the screenshots should be correlating to. With your test case I'm seeing something like the screenshot below - which is about what I'd think I'd see. Am I just overlooking something perhaps?

    Code:
    Ext.define('Ext.home.StackedBarChartTest', {
    
    
        extend : 'Ext.chart.Chart',
        
        initComponent : function() {
            var config = {
                store : Ext.create('Ext.data.JsonStore', {
                    fields : ['field1', 'field2'],
                    data : [{'field1':20, 'field2':10}]
                }),
                animate : true,
                shadow : true,
                legend : {
                    position : 'bottom',
                    boxStrokeWidth : 0,
                    padding : 0
                },
                series : [ {
                    type : 'bar',
                    axis : 'bottom',
                    gutter : 0,
                    groupGutter : 0,
                    yField : ['field1', 'field2'],
                    stacked : true
                } ]
            };
    
    
            Ext.apply(this, Ext.apply(config, this.initialConfig));
            Ext.home.StackedBarChartTest.superclass.initComponent.apply(this, arguments);
        }
    
    
    });
    
    
    Ext.create('Ext.home.StackedBarChartTest', {
        renderTo: document.body,
        height: 100,
        width: 400
    });
    Screen Shot 2013-06-27 at 1.05.34 PM.png
    Are you a Sencha products veteran who has wondered what it might be like to work at Sencha? If so, please reach out to our recruiting manager: sheryl@sencha.com

    C
    heck out all of the 2013 SenchaCon presentations here:
    http://www.sencha.com/blog/senchacon...now-available/

  3. #3
    Ext JS Premium Member
    Join Date
    Sep 2007
    Posts
    216
    Vote Rating
    0
    tigran is on a distinguished road

      0  

    Default


    Right.

    Now change the data to

    data : [{'field1':10, 'field2':20}]

    so the first value will be smaller then second

  4. #4
    Sencha - Support Team slemmon's Avatar
    Join Date
    Mar 2009
    Location
    Boise, ID
    Posts
    4,770
    Vote Rating
    165
    slemmon is a splendid one to behold slemmon is a splendid one to behold slemmon is a splendid one to behold slemmon is a splendid one to behold slemmon is a splendid one to behold slemmon is a splendid one to behold slemmon is a splendid one to behold

      0  

    Default


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

  5. #5
    Ext JS Premium Member
    Join Date
    Sep 2007
    Posts
    216
    Vote Rating
    0
    tigran is on a distinguished road

      0  

    Default


    Thank you Slemmon!

    Could you please tell me in which release this will be fixed?
    And is there any workaround for this issue in 4.2 version?

  6. #6
    Sencha User
    Join Date
    Mar 2012
    Posts
    50
    Vote Rating
    2
    pierresas is on a distinguished road

      0  

    Default


    @tigran: The issue is fixed. It should be part of the next 4.2.x release, probably before the end of the month. In the meanwhile, there is a simple workaround: declare an invisible axis:

    Code:
             axes: [{
                 type: 'Numeric',
                 position: 'bottom',
                 hidden: true
             }],
    The bug was a rather acane issue of scope and it could only be noticed when the last field has the highest value, so thank you very much for your detailed report.

film izle

hd film izle

film sitesi

takipci kazanma sitesi

takipci kazanma sitesi

güzel olan herşey

takipci alma sitesi

komik eğlenceli videolar