Results 1 to 2 of 2

Thread: [4.1.3] Grouped Column Chart With One Group Has Incorrect Label

Threaded View

Previous Post Previous Post   Next Post Next Post
    Success! Looks like we've fixed this one. According to our records the fix was applied for EXTJS-7771 in a recent build.
  1. #1
    Sencha User
    Join Date
    May 2009
    Posts
    158
    Vote Rating
    10
      1  

    Default [4.1.3] Grouped Column Chart With One Group Has Incorrect Label

    REQUIRED INFORMATIONExt version tested:
    • Ext 4.1.3.584
    Browser versions tested against:
    • Chrome
    Description:
    • When a grouped column chart only has one group, the x-axis label shows up on the left side of the chart, but the tick shows up on the right.
    • In 4.1.2, both the tick and the label showed up in the middle of the axis as expected.
    Steps to reproduce the problem:
    • Go to the Grouped Bar example in 4.1.2 and 4.1.3.
    • Run the code below
    The result that was expected:
    • It would work like 4.1.2
    The result that occurs instead:
    • Nope
    Test Case:
    Code:
      
    Ext.onReady(function()    {
        Ext.define("MyModel", {
            extend:"Ext.data.Model",
            fields:[
                "group",
                "y1",
                "y2",
                "y3"
            ]
        });
        
        Ext.create("Ext.window.Window", {
            title:"ExtJS " + Ext.versions.core.version,
            width:500,
            height:500,
            layout:"fit",
            items:[
                {
                    xtype:"chart",
                    store:{
                        proxy:{
                            type:"memory",
                            reader:"json"
                        },
                        model:"MyModel",
                        data:[
                            {
                                group:1,
                                y1:1,
                                y2:2,
                                y3:3
                            }
                        ]
                    },
                    axes:[
                        {
                            type:"Category",
                            position:"bottom",
                            fields:["group"]
                        },
                        {
                            type:"Numeric",
                            position:"left",
                            minimum:0,
                            fields:["y1", "y2", "y3"]
                        }
                    ],
                    series:[
                        {
                            type:"column",
                            axis:"left",
                            xField:"group",
                            yField:["y1", "y2", "y3"]
                        }
                    ]
                }
            ]
        }).show();
    });
    Attached Images Attached Images

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •